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

2021-10-06 01:15:57 字數 923 閱讀 7994

本篇文章給大家帶來的內容是關於css3有哪些新特性?css3新特性詳解,有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。

新增選擇器 p:nth-child(n)

彈性盒模型 display: flex;

多列布局 column-count: 5;

**查詢 @media (max-width: 480px) }

個性化字型 @font-face

顏色透明度 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 } animation: anim-1 1s;

以上就是css3有哪些新特性?css3新特性詳解的詳細內容。每日都會更新哦,關注我!!

CSS3有哪些新特性?

1.css3實現圓角 border radius 陰影 box shadow 邊框border image 2.對文字加特效 text shadow 強制文字換行 word wrap 線性漸變 linear gradient 3.旋轉,縮放,定位,傾斜 transform rotate 90deg ...

CSS3有哪些新特性?

整理羅列了一些,如果少了點啥還請見諒哈 css3有哪些新特性如下 1 圓角 border radius,陰影 box shadow。2 文字特效 text shadow,線性漸變 gradient,旋轉 transform。3 旋轉 transform rotate 9deg 縮放 scale 0....

CSS3有哪些新特性?

答 1.css3的選擇器 1 e last child 匹配父元素的最後乙個子元素e。2 e nth child n 匹配父元素的第n個子元素e。3 e nth last child n css3 匹配父元素的倒數第n個子元素e。2.css3實現圓角 border radius 陰影 box sha...