溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了CSS3中有什么新特性，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
CSS3有哪些新特性？
新增選擇器 p:nth-child（n）{color: rgba（255, 0, 0, 0.75）}
彈性盒模型 display: flex;
多列布局 column-count: 5;
媒體查詢 @media （max-width: 480px） {.box: {column-count: 1;}}
個性化字體 @font-face{font-family:BorderWeb;src:url（BORDERW0.eot）；}
顏色透明度 color: rgba（255, 0, 0, 0.75）；
圓角 border-radius: 5px;
漸變 background:linear-gradient（red, green, blue）；
陰影 box-shadow:3px 3px 3px rgba（0, 64, 128, 0.3）；
倒影 box-reflect: below 2px;
文字裝飾 text-stroke-color: red;
文字溢出 text-overflow:ellipsis;
背景效果 background-size: 100px 100px;
邊框效果 border-image:url（bt_blue.png） 0 10;
轉(zhuǎn)換
旋轉(zhuǎn) transform: rotate（20deg）；
傾斜 transform: skew（150deg, -10deg）；
位移 transform:translate（20px, 20px）；
縮放 transform: scale（。5）；
平滑過渡 transition: all .3s ease-in .1s;
動畫 @keyframes anim-1 {50% {border-radius: 50%;}} animation: anim-1 1s;
感謝你能夠認真閱讀完這篇文章，希望小編分享CSS3中有什么新特性內(nèi)容對大家有幫助，同時也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，遇到問題就找億速云，詳細的解決方法等著你來學(xué)習(xí)!
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機網(wǎng)站二維碼
