css高階
背景顏色徑向漸變
背景顏色線性漸變
過渡背景顏色徑向漸變
徑向漸變：中間部分橢圓形，四周填充（由中間到四周漸變）
background: radial-gradient(red,yellow); 紅橢圓填充黃色background: radial-gradient(circle,red,yellow); 紅正圓填充黃色
background: radial-gradient(red 60%,yellow 60%); 紅60%，之後黃色
background: radial-gradient(50px 50px,red 50px,black 100px); 圓的垂直半徑，水平半徑設定
background: radial-gradient(at left top,red 50%,black 50%); at設定圓心位置，來達到控制方向
background: repeating-radial-gradient(red 20px,green 50px); 圈圈套圈圈，迴圈
背景顏色線性漸變
預設由上到下漸變（可設定漸變方向）
background: linear-gradient(red,yellow); 顏色由紅變黃background: linear-gradient(red 60%,yellow 60%); 紅色佔60%，然後開始漸變紅到黃。
然後黃色從60%開始，就會形成分割線
background: linear-gradient(to right,red,yellow); 到右，從左到右
background: linear-gradient(to left,red,yellow); 到左，從右到左
background: linear-gradient(to right bottom,red,yellow); 到右下
background: linear-gradient(60deg,red,yellow); 旋轉60度
background: repeating-linear-gradient(black 0 , black 10px , transparent 10px ,
transparent 20px) repeating-linear-gradient規定顏色範圍，方便迴圈
CSS3之背景色漸變
但是美中不足的時，各瀏覽器雖然支援css3的gradient，卻不能達成統一意見，完美的寫法是在gradient前加上各瀏覽器的字首，如 webkit moz ie8以上瀏覽器可通過ie自帶的濾鏡實現漸變功能。儘管如此，像低於ie8瀏覽器的這些古董，雖然已被世界範圍內的市場淘汰，但作為中國的it程式...
CSS3背景色透明 相容IE8
標準瀏覽器通過rgba 實現背景色透明 ie8以下瀏覽器通過特有濾鏡實現背景色透明。如下 1 1 ie8 2 2 filter progid dximagetransform.microsoft.gradient startcolorstr 7f000000,endcolorstr 7f000000...
css設定背景色漸變
瀏覽器字首 background linear gradient red,blue background webkit linear gradient red,blue background o linear gradient red,blue background moz linear gradi...