CSS3新特性

     最近在学习一个用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属性


阅读更多

没有更多推荐了,返回首页