CSS 3實現(xiàn)背景色漸變和文字顏色漸變

原文鏈接:http://caibaojian.com/css3-background-gradient.html

暫時沒空整理,望海涵


.gradient{

? ? background: #000000;

? ? background: -moz-linear-gradient(top,? #000000 0%, #ffffff 100%);

? ? background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#ffffff));

? ? background: -webkit-linear-gradient(top,? #000000 0%,#ffffff 100%);

? ? background: -o-linear-gradient(top,? #000000 0%,#ffffff 100%);

? ? background: -ms-linear-gradient(top,? #000000 0%,#ffffff 100%);

? ? background: linear-gradient(to bottom,? #000000 0%,#ffffff 100%);

? ? filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=0 );

}

:root .gradient{filter:none;}

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

  • 1、垂直對齊 如果你用CSS,則你會有困惑:我該怎么垂直對齊容器中的元素?現(xiàn)在,利用CSS3的Transform,...
    kiddings閱讀 3,287評論 0 11
  • 各種純css圖標 CSS3可以實現(xiàn)很多漂亮的圖形,我收集了32種圖形,在下面列出。直接用CSS3畫出這些圖形,要比...
    劍殘閱讀 9,977評論 0 8
  • -webkit-linear-gradient線形漸變詳解 CSS3發(fā)布很久了,現(xiàn)在在國外的一些頁面上常能看到他的...
    魏魏魏_1500閱讀 15,745評論 0 3
  • 我的他,我叫他猴哥。 ①下午路過一家戰(zhàn)國紅店 我:你看這家店里的狗真警覺,看著咱倆路過立馬起來了 猴哥:那狗肯定...
    叫我吉娜嘛閱讀 285評論 0 0
  • 沒力氣的心事 出現(xiàn)在空蕩的空間 沒笑過的面靨 深埋了過往的過客 沒困意的雙眼 垂落于心臟的心房 那是沒有靈魂的靈墓...
    安娜小箋閱讀 466評論 0 5

友情鏈接更多精彩內(nèi)容