平特心水报图
新網絡營銷基礎與實踐

你的位置:首頁 >網絡營銷 >css3漸變

css3漸變

    為了創建一個線性漸變,你必須至少定義兩種顏色結點。顏色結點即你想要呈現平穩過渡的顏色。同時,你也可以設置一個起點和一個方向(或一個角度)。

定義CSS3樣式:

background-image: -moz-linear-gradient(top, #8fa1ff, #3757fa); /* Firefox */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff4f02), color-stop(1, #8f2c00)); /* Saf4+, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c6ff00', endColorstr='#538300', GradientType='0'); /* IE*/

-moz-linear-gradient有三個參數。第一個參數表示線性漸變的方向,top是從上到下、left是從左到右,如果定義成left top,那就是從左上角到右下角。第二個和第三個參數分別是起點顏色和終點顏色。你還可以在它們之間插入更多的參數,表示多種顏色的漸變。

盡可能的使用它。如果讓IE用戶看到一個固定的純色,我鼓勵你使用這種方法;
IE6/7/8, Opera, Safari 3, 和Firefox 3 不能渲染CSS3 漸變,Firefox 和Safari用戶通常經常升級瀏覽器,而Chrome的自動升級機制會在后臺自動升級,所以這并不是個大問題;
總是為不支持這些瀏覽器私有屬性的瀏覽器應用一個默認的,純色背景;
永遠不要使用紅色到藍色的漸變,就像我用作例子的這種;
頁面無須在每個瀏覽器里面看起來完全一樣!
Firefox可以使用角度來設定漸變的方向,而webkit只能使用x和y軸的坐標。

網絡營銷詞典內容均由網友提供,僅供參考。

平特心水报图 全骰是什么意思 寻求彩票计划软件 钱咖返利版能赚钱吗 浙江十一选五助手 北京pk10七码全年可用 还有什么好赚钱的新闻 重庆快乐十分一天几期 三的和值技巧 鱼虾蟹怎么赢 pk10赛车直播官网平台