CSS3学习笔记
圆角
圆角矩形
圆弧矩形
投影
外部投影
内部投影
外边框发光
边框
边框图片
背景样式
background-origin:背景的位置区域（content-box, padding-box, border-box）
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.渐变
从上到下的线性渐变背景色
从左到右的线性渐变背景色
夹角45°线性渐变
添加透明度的线性渐变
径向渐变
文本效果
Text Shadow Effect!
This paragraph contains a very long word: thisisaveryveryveryveryveryverylongword. The long word will break and wrap to the next line.
你好！ hello ~
2D旋转
相对原来位置向左位移50向下位移50
以中心顺时针旋转30°
原始大小
相对原始大小长缩小1/2高缩小1/2,字体也会缩小
原始
相对原始沿x轴30°y轴20°
原始
混合旋转
3D旋转
原始
绕X轴旋转120度
绕X轴缩小1/2
3D过渡
鼠标移入宽度平滑增长到500,高度到200，旋转180度，移出回复原状
3D动画
动画效果，颜色渐变
文本分列显示
笑看风云淡，坐对云起时。不争就是慈悲，不辩就是智慧，不闻就是清净，不看就是自在，原谅就是解脱，知足就是放下。不乱于心，不困于情，不畏将来，不念过往。活在当下、笑在当下、悟在当下！ 笑看风云淡，坐对云起时。不争就是慈悲，不辩就是智慧，不闻就是清净，不看就是自在，原谅就是解脱，知足就是放下。不乱于心，不困于情，不畏将来，不念过往。活在当下、笑在当下、悟在当下！
用户界面
This div occupies the left half.
This div occupies the left half.