问答详情
源自:1-6 汽泡特效动画制作(3)

第四个图标有个问题

有个问题在第四个图标里面需要里面的小图标是静态的不变任何位置,所以你把小图标改成20PX,圆圈改成-20PX 来实现小图标静止不动的效果,但是你鼠标移动之后hover 会吧小图标还原到以前的位置,等于你之前设置的小图标的20PX 无线 还会形成一个上升的效果

提问者:慕丝6073136 2015-04-08 17:25

个回答

  • 北瓜
    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);的,但还是在鼠标移除后有一个上升的效果,题主是怎么解决的?