第四个图标有个问题
来源：1-6 汽泡特效动画制作（3）
慕丝6073136
2015-04-08 17:25
有个问题在第四个图标里面需要里面的小图标是静态的不变任何位置，所以你把小图标改成20PX，圆圈改成-20PX 来实现小图标静止不动的效果，但是你鼠标移动之后hover 会吧小图标还原到以前的位置，等于你之前设置的小图标的20PX 无线 还会形成一个上升的效果
写回答
关注
2回答
-
- 北瓜
- 2016-06-02 17:44:28
第四个图标是需要设置 i 从下往上，从而抵消tooltip-content从上往下的运动
给I设置 transform: translate3d(0,20px,0);就可以了
-
- 慕沐900688
- 2017-07-30 21:52:55
我在i里面写了 transform: translate3d(0,20px,0);的，但还是在鼠标移除后有一个上升的效果，题主是怎么解决的？
CSS3实现漂亮ToolTips效果
CSS3 实现鼠标悬停弹出信息提示框，学习达到对CSS3深入了解的目的
42722 学习 · 101 问题
相似问题