CSS3有哪些新特征？CSS3新特征详解【css教程】,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新特征详解的细致内容，更多请关注ki4网别的相干文章！