标签：padding 过渡效 特效 led selection child mode gradient 播放
CSS3实现圆角 (border-radius: 8px)
阴影 (box-shadow: 10px)
对文字加特效 (text-shadow)
线性渐变（gradient）
旋转（transform)：rotate(9deg)
缩放 (transform)：scale(0.85，0.90)
倾斜（transform)：skew（-9deg，0deg）
过渡效果（transition)
动画效果（animation)
增加了更多的选择器
CSS3选择器
nth-child
nth-last-child(n)
nth-of-type(n)
nth-last-of-type(n)
last-child
first-of-type
only-child
only-of-type
empty
checked
enabled
disabled
selection
not(s)
first-child：第一个直接字节点
CSS3的Animation
<style> * { margin: 0; padding: 0; } @-webkit-keyframes animal { 0% { opacity: 0; font-size: 12px; } 100% { opacity: 1; font-size: 24px; } } .box { width: 100px; height: 100px; background-color: #f2f2f2; -webkit-animation-name: animal; -webkit-animation-duration: 1.5s; -webkit-animation-iteration-count: 4; -webkit-animation-direction: alternate; -webkit-animation-timing-function: ease-in-out; } </style> <div class="box">box</div>
animation有八个动画属性：
animation-name： 规定需要绑定到选择器的keyframe名称。
animation-duration： 规定完成动画所花费的时候，以秒或毫秒计。
animation-timing-function：规定动画的速度曲线
animation-delay： 规定动画开始之前的延迟。
animation-iteration-count： 规定动画播放的次数。
animation-direction： 规定是否应该轮流反向播放动画。
animation-fill-mode： 规定当动画不播放时（）。
语法：
animation: name duration timing-function delay iteration-count direction fill-mode play-state;
标签：padding 过渡效 特效 led selection child mode gradient 播放
原文地址：https://www.cnblogs.com/still1/p/10802888.html
