這篇文章主要介紹了CSS3中有什么新特性，具有一定借鑒價(jià)值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

網(wǎng)站設(shè)計(jì)制作過程拒絕使用模板建站；使用PHP+MYSQL原生開發(fā)可交付網(wǎng)站源代碼;符合網(wǎng)站優(yōu)化排名的后臺(tái)管理系統(tǒng)；成都做網(wǎng)站、成都網(wǎng)站設(shè)計(jì)收費(fèi)合理；免費(fèi)進(jìn)行網(wǎng)站備案等企業(yè)網(wǎng)站建設(shè)一條龍服務(wù).我們是一家持續(xù)穩(wěn)定運(yùn)營了十余年的創(chuàng)新互聯(lián)公司網(wǎng)站建設(shè)公司。

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;}}

個(gè)性化字體 @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;

動(dòng)畫 @keyframes anim-1 {50% {border-radius: 50%;}} animation: anim-1 1s;

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享CSS3中有什么新特性內(nèi)容對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)建站，關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道，遇到問題就找創(chuàng)新互聯(lián)建站，詳細(xì)的解決方法等著你來學(xué)習(xí)!

文章名稱：CSS3中有什么新特性-創(chuàng)新互聯(lián)
本文來源：http://weahome.cn/article/djsggh.html