css20-悬停魔术棒(定位、过渡)

焦点内容

1、利用两个 span 进行遮罩前后效果

1
2
<span class="first fa fa-qq"></span>
<span class="fa fa-qq"></span>

2、核心还是使用 transition

1
transition: all 0.5s ease-in-out;

代码示例

See the Pen css20-hover-mase by Zen.Wu (@zenwu) on CodePen.

--------------本文结束 感谢您的阅读--------------