摘要: CSS3 动画(@keyframes,animation) CSS3 @keyframes 规则 要创建CSS3动画,你将不得不了解@keyframes规则。 @keyframes规则是创建动画。 @keyframes规则内指定一个CSS样式和动画将逐步从目前的样式更改为新的样式。 CSS3 动画 阅读全文
posted @ 2017-08-04 09:45 名曰大神 阅读(225) 评论(0) 推荐(0) 编辑
摘要: CSS3 过渡transition 应用于宽度属性的过渡效果,时长为 2 秒: div { transition: width 2s; -webkit-transition: width 2s; /* Safari */ } 添加了宽度,高度和转换效果: div { transition: widt 阅读全文
posted @ 2017-08-04 09:27 名曰大神 阅读(171) 评论(0) 推荐(0) 编辑
摘要: 3D转换transform rotateX() 方法 rotateX()方法,围绕其在一个给定度数X轴旋转的元素。 rotateY() 方法 rotateY()方法,围绕其在一个给定度数Y轴旋转的元素。 转换属性 下表列出了所有的转换属性: 3D 转换方法 阅读全文
posted @ 2017-08-04 09:19 名曰大神 阅读(137) 评论(0) 推荐(0) 编辑
摘要: 2D转换transform 2D变换方法: translate() 根据左(X轴)和顶部(Y轴)位置给定的参数,从当前元素位置移动。 div { transform: translate(50px,100px); -ms-transform: translate(50px,100px); /* IE 阅读全文
posted @ 2017-08-04 09:01 名曰大神 阅读(185) 评论(0) 推荐(0) 编辑