CSS3动画基本的转换和过渡_html/css_WEB-ITnose
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了CSS3动画基本的转换和过渡_html/css_WEB-ITnose，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1128字，纯文字阅读大概需要2分钟。
内容图文
理论知识不扎实，在一定程度上能体现你解决问题的能力。今天我们拿CSS3动画来说，简单回忆下他的一些基本属性，这些我们在平常应用中会经常用到。 常用动画属性：
transform:translate(x,y);//平移,x代表向又移动距离，y代表向下移动距离；
transform:scale(x,y);//缩放，x代表水平缩放倍数，y代表垂直缩放倍数；
transform:rotate(x);//旋转，x代表顺时针旋转多少度，如rotate(10deg) ；
transform:skew(x,y);//倾斜，x\y分别代表沿x轴和y轴的倾斜 动画过渡。
transition-property列出元素应该过渡的CSS属性，可过度属性包括背景、边框和方框模型属性：
transition-duration设置过渡持续时间
transition-timing-function设置过渡的速度，可用ease、linear、ease-in、ease-out或ease-in-out之一
transition-delay动画延时时间
缩写形式：
#selector{transition:transform 0.2s ease}
值的顺序必须为以下顺序： transition-property transition-duration transition-function transition-delay
实例展示：
CSS代码： CSS3转换和过渡 图中黄线圈出来的是过渡部分代码，设置了1s内完成相应动画，绿框里面就是转换效果，表示鼠标移至h1标题上时，文字将扩大2.5倍。
总而言之，掌握了动画的基础知识，是多么的重要。
转载自:http://www.aspnetjia.com/Cont-79.html
内容总结
以上是互联网集市为您收集整理的CSS3动画基本的转换和过渡_html/css_WEB-ITnose全部内容，希望文章能够帮你解决CSS3动画基本的转换和过渡_html/css_WEB-ITnose所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。