CSS3 （一）

標籤：htm   linear   sina   紅色   log   ext   com   Google   font   

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%); Google新瀏覽器從左下角向右上方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 （一）