码迷,mamicode.com
首页 > 其他好文 > 详细

动画效果呈现

时间:2017-11-15 21:53:57      阅读:109      评论:0      收藏:0      [点我收藏+]

标签:位移   http   src   变换   通过   log   osi   分享   pos   

在实现360位移效果的时候我刚开始 css样式images样式加了position: relative;而icon li样式忘了加position: absolute;它平移飞走了,没有达到我想要的效果,

弄了绝对定位,也一定要记得弄相对定位,不然你设置的一些样式就达不到你想要打效果了。

技术分享

还有在平移之后,他还返回未平移之前的原点,你可以添加animation-fill-made:forwards;标签,它会达到动画完成后,保持最后一个状态。

技术分享

你可以通过不同的样式设置不同的效果图,只要你的样式改变一点,它就会到达不同的动画效果,会有你意想不到的事情发生,原来你局限于一种动画效果,通过这些代码你会发现,它不仅可以这样,它还可以那样变换,你会发现它是很好玩的一件事情。

最后出现的效果图技术分享

动画效果呈现

标签:位移   http   src   变换   通过   log   osi   分享   pos   

原文地址:http://www.cnblogs.com/whlstudyweb/p/7840350.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!