![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
动效
文章平均质量分 85
差不少
这个作者很懒,什么都没留下…
展开
-
css3动效一:transition 过渡的简单整理
transition 过渡语法(简写):transition:porperty duration timing-function delay例:transition: width 2s 1s,height 2s 2s,background-color 3s 1s;(连写示例 多个以逗号分隔)注:在开发的时候,推荐尽可能的使用简写属性。属性:transition-porperty需要使用...原创 2019-04-29 17:51:14 · 1616 阅读 · 0 评论 -
css3动效二:transform 2D /3D 转换属性
transform 2D /3D 转换属性transform-origin更改元素旋转基点注:默认基点是元素的正中心2D:效果主要针对的是页面当中的x轴和y轴进行的一系列的元素变化。写法 属性:方法 (属性在前方法在后)示例:transform:ratate(10deg)属性:translate(x,y)沿着x y 移动元素/ translateX(n) translat...原创 2019-04-29 19:13:08 · 413 阅读 · 0 评论 -
css3动效三:animation 动画
animation 动画简写语法: animation: name duration timing-function delay iteration -count direction属性:animation-name被调用的关键帧名称animation-timing-function动画的速度曲线属性值:linear动画从头到尾的速度是相同ease默认。动画以低速开始,然后加...原创 2019-04-30 14:27:27 · 703 阅读 · 0 评论