css3怎么讓寬度過渡效果顯示從右到左增長還有中間向兩邊增長
2 回答
慢l慢
TA貢獻22條經驗 獲得超3個贊
? background: #0575E6; /* fallback for old browsers */
?background: -webkit-linear-gradient(to left, #0575E6 , #021B79); /* Chrome 10-25, Safari 5.1-6 */?
background: linear-gradient(to left, #0575E6 , #021B79); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ ? ??
to left：
設置漸變為從右到左。
to right：
設置漸變從左到右。
to top：
設置漸變從下到上。
to bottom：
設置漸變從上到下。
? ??
從中間向兩邊用百分比來設置顏色位置：
background: -webkit-linear-gradient(to left, ?#0575E6 0% , #021B79 50%, #021B79 51%,#0575E6 100% ); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #0575E6 0% , #021B79 50%, #021B79 51%,#0575E6 100% ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
-
歐羅巴皇兄弟我問得是寬度的動畫啊 -
慢l慢div{ float: left; width: 10px; background: blue; transition:width 2s; -moz-transition:width 2s; /* Firefox 4 */ -webkit-transition:width 2s; /* Safari and Chrome */ -o-transition:width 2s; /* Opera */ } div：hover { width:300px; } float不設置或者設置為left從左向右展開，設置為right則從右向左展開，雙向不知道，研究研究。
- 2 回答
- 0 關注
- 1909 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消