css3圆角
- 创建椭圆边角 http://www.runoob.com/try/try.php?filename=trycss3_border-radius3
为什么“/”去掉和不去掉不一样？
css3背景
http://www.runoob.com/css3/css3-backgrounds.html
- background-Origin属性:规定背景图片的定位区域。
- background-clip属性:规定背景的绘制区域。
css3文本效果
- Text Overflow属性:溢出文本的显示方式
- 强制换行：
p {word-wrap:break-word;} - CSS3 单词拆分换行属性指定换行规则：
CSS代码如下：
p.test1 { word-break: keep-all;} //不拆分单词
p.test2 { word-break: break-all;} //拆分单词
css3D
-
transition-timing-function 属性
比较有意思的：CSS3动画如何与贝塞尔曲线
cubic-bezier(0,0,1,1;} //相当于linear
css3动画
@keyframes规定动画。
animation所有动画属性的简写属性，除了 animation-play-state 属性。
animation-name规定 @keyframes 动画的名称。
animation-duration规定动画完成一个周期所花费的秒或毫秒。默认是 0。
animation-timing-function规定动画的速度曲线。默认是 "ease"。
animation-delay规定动画何时开始。默认是 0。
animation-iteration-count规定动画被播放的次数。默认是 1。infinite无限
animation-direction规定动画是否在下一周期逆向地播放。默认是 "normal"。
animation-play-state规定动画是否正在运行或暂停。默认是 "running"。
