CSS3有哪些新特性？ CSS3新特性詳解

本篇文章帶給大家的內容是關於CSS3有哪些新特性？ CSS3新特性詳解，有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。 【推薦教學：CSS教學】

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;

轉換

#旋轉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有哪些新特性？ CSS3新特性詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！