最近在学习一个用JS写的动画的插件,目的是为了使用好看的动画效果。
事实上运用css3的新的动画样式可以很好的实现该功能。
1 CSS3 的圆角特性
border-radious
2 css3的边框特性
border-shadow
border-image
3 css3的文本效果
text-shadow
word-wrap:break-word(截断文字,不超出父元素)
4 css3的背景效果
background-size
background-origin(背景内容区域):分为context-box padding-box border-box
5 css3的的2D翻转
常使用的是 :translate() 水平位移 retate() 翻转
6 css3的3D翻转
常使用的是 rotateX()和rotateY()这两个方法
7 css3的过渡
transition()
需要规定属性和时间 可以叠加多个属性
8 css3的动画
和@keyframe 相关
设置从0%-100%的渐变
9 css3的多列
这个是css我觉得最棒很有用的一些属性
column-count属性
column-width属性
column-gap属性