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

創(chuàng)新互聯(lián)專注于企業(yè)營銷型網(wǎng)站、網(wǎng)站重做改版、鳳凰網(wǎng)站定制設(shè)計、自適應(yīng)品牌網(wǎng)站建設(shè)、H5技術(shù)、電子商務(wù)商城網(wǎng)站建設(shè)、集團公司官網(wǎng)建設(shè)、成都外貿(mào)網(wǎng)站建設(shè)公司、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計等建站業(yè)務(wù)，價格優(yōu)惠性價比高，為鳳凰等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。

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)容對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，遇到問題就找創(chuàng)新互聯(lián)，詳細的解決方法等著你來學(xué)習(xí)!