css20-悬停魔术棒（定位、过渡）

发表于 分类于 ， 本文字数： 233 阅读时长 ≈ 1 分钟

焦点内容

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.

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