首页 > 代码库 > CSS3 (一)

CSS3 (一)

text-shadow属性:文本阴影   text-shadow: 5px 5px 5px #FF0000;  向右5像素 向下5像素 模糊程度5像素 红色

#s1 {font-size:40px; font-family:微软雅黑; -webkit-transition:1s all ease; text-shadow:0 0 0 black,0 0 0 black,0 0 0 black;}
#s1:hover {text-shadow:0 0 10px black,0 0 10px black,0 0 10px black;}

 

-webkit-linear-gradien属性:文本线性渐变   -webkit-linear-gradien( 30deg, rgba(255,0,0,0.8) 0%, rgba(0,255,0,1) 15%, rgba(0,0,255,1) 100%); 谷歌新浏览器从左下角向右上角30度 由红色绿色变为蓝色

-webkit-linear-gradient(red 33%, yellow 33%, yellow 61%, black 61%,black 78%,pink 78%) 这是个特殊的例子,观察这个括号内的写法。

出处: http://www.w3cplus.com/css3/new-css3-linear-gradient.html

 

border-radius属性:边框半径   border-radius?:10px 20px 30px 40px / 5px 10px 15px 20px; 横向从左上角 右上角 右下角 左下角 的边框半径 纵向 从左上角 右上角 右下角 左下角 的边框半径(半径值超过边的一半会出现边反而变小的情况,因为半径其实是圆啊,圆越大越像直线啊)

出处 : http://blog.sina.com.cn/s/blog_61671b520101gelr.html

 

CSS3 (一)