css3圆角

1. 创建椭圆边角 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文本效果

1. Text Overflow属性:溢出文本的显示方式
2. 强制换行：p {word-wrap:break-word;}
3. 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"。

css3用户界面

• 更改光标 http://www.runoob.com/try/try.php?filename=trycss_cursor