                        課程
                    
                        /前端開發
                        
                            /Bootstrap
                        
                        /玩轉Bootstrap（基礎）

請大神幫忙詳細解釋以下代碼的意思

background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);

三體之殤

2016-04-03

源自：玩轉Bootstrap（基礎） 7-10

關注問題我要回答

1205

操作

收起

4 回答

qq_小魔女_2
2016-12-07

參考：http://www.th7.cn/web/html-css/201309/12824.shtml

這是css3提供的線性漸變，第一個參數代表開始漸變的角度，后面幾個參數代表的是漸變的顏色，以及漸變顏色對應的截止位置。

雖然都是透明或者白色漸變，但是仍然能出現彩色漸變，透明漸變設置的作用域是在父級元素設置progress-striped的情況，彩色進度條的彩色是因為底色的顏色是通過單純的progress-bar-danger等幾類的本身的background-color 決定，與父級元素無關

0 回復有任何疑惑可以回復我~

收起回答

學習的博士
2016-04-05

兼容性代碼 ? ?-webkit-******* ? 等同于 ?linear-gradient

CSS3 Gradient 分為?linear-gradient（線性漸變）和?radial-gradient（徑向漸變）。而我們今天主要是針對線性漸變來剖析其具體的用法。為了更好的應用?CSS3 Gradient，我們需要先了解一下目前的幾種現代瀏覽器的內核，主要有?Mozilla（Firefox，Flock等）、WebKit（Safari、Chrome等）、Opera（Opera瀏覽器）、Trident（討厭的IE瀏覽器）。