比如:
以前的寫法:女;
現在的寫法:女;
還學習到了很多新的標記。比如:
background:linear-gradient-漸變 比如:background:linear-gradient(45deg,red,yellow,blue);設置紅黃藍三種顏色從45度開始漸變。
2D轉換:
比如可以用: transform:rotate(30deg);旋轉30度
動畫:動畫是使元素從一種樣式逐漸變化為另一種樣式的效果。
animation:mx 5s linear infinite; (animation:動畫名稱,時間,漸變方式,播放方式)
//關鍵詞 "from" 和 "to",等同于 0% 和 100%。
//0% 是動畫的開始顯示為橙色,100% 是動畫的完成顯示為紅色。
第1種方式: @keyframes mx{
from{background:orange;}
to{background:red;}
}
第2種方式:當動畫為 25% 及 50% 時改變背景色,然后當動畫 100% 完成時再次改變:
@keyframes mx{ 0% {background: red;} 25% {background: yellow;} 50% {background: blue;} 100% {background: green;} }
等等。。。。。
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com