首页 > 试题广场 >

CSS3有哪些新特性？

[问答题]
CSS3有哪些新特性？
添加回答
牛客745366682号头像 牛客745366682号
说说常用的  没必要说全部  
圆角（border-radius） 
阴影（box-shadow）
过渡效果（transition）
翻转（transform）
动画（animation）
媒体查询（@media）
弹性盒子（flex）
发表于 2020-03-18 14:04:45 回复(0)
绒绒Alice头像 绒绒Alice
还有@font face属性，它允许从Web服务器上把字体下载到用户计算机上，从而准确地显示字体。是CSS3特征中唯一能被所有浏览器支持的属性。
发表于 2015-10-05 20:57:06 回复(0)
hahani头像 hahani
1. CSS3实现圆角（border-radius），阴影（box-shadow），
2. 对文字加特效（text-shadow、），线性渐变（gradient），旋转（transform）
3. transform:rotate(9deg) scale(0.85,0.90) translate(0px,-30px) skew(-9deg,0deg);// 旋转,缩放,定位,倾斜
4. 增加了更多的CSS选择器  多背景 rgba 
5. 在CSS3中唯一引入的伪元素是 ::selection.
6. 媒体查询，多栏布局
7. border-image
发表于 2015-07-27 12:20:44 回复(2)
真求offer头像 真求offer
CSS3的特性那么多该从哪里说起了？很显然这道题目是有陷阱的，你不可能将所有的特性一个不漏的说出来，就算你说出来，别人还认为你是背的了！所以你主要讲一下在项目中经常用到的css3的属性就可以，以第一人称来回答这个问题，例如：在我们的项目中经常用CSS3中的XX属性来实现XX特效。哈哈哈，这是这道题的套路
发表于 2017-08-24 15:10:10 回复(1)
太阳煮的酒头像 太阳煮的酒

css3新增属性：

1.边框

border-radius圆角边框

box-shadow边框阴影

border-image边框图片

2.文本

text-shadow文本阴影

3.2D

transform：translate scale rotate skew

4.3D

translate：rotateX rotateY

5.多背景 rgba

6.线性渐变 gradient

7.媒体查询 多栏布局


发表于 2019-10-16 10:44:57 回复(0)
一切随风吧头像 一切随风吧
恕我直言，这答案太乱。。而且不全面，大家不必死背。。。
发表于 2016-12-02 23:31:00 回复(0)
人间清欢渡头像 人间清欢渡
圆角 阴影 过渡 旋转 flex 媒体查询
发表于 2021-05-17 14:24:50 回复(0)
牛客418069748号头像 牛客418069748号
<p>transform</p><p><br></p>
发表于 2021-03-01 14:05:44 回复(0)
山鬼～头像 山鬼～
css3新特性：阴影，圆角，transition，transform，animate，弹性盒子
编辑于 2020-12-26 14:05:20 回复(0)
牛客好运好运🙏头像 牛客好运好运🙏
CSS3比较常用的新特性：
1、圆角（border-radius）
2、阴影（box-shadow）
3、动画（animation）
4、过渡（transition）
5、翻转（transform）
6、媒体查询 @media
7、弹性盒子（flex）
发表于 2020-10-19 09:45:16 回复(0)
LUNU头像 LUNU
(1)边框
border-radius
border-shadow
border-image

(2)背景
background-image 添加多张图片
background-size
background-origin
background-clip
background-image 渐变  linear-gradient   radial-gradient

(3)文本效果
text-shadow
box-shadow
text-overflow
word-break
word-wrap

(4)字体
@font-face定义

转换（2D 3D）
transform：matrix   translate   scale  rotate skew

过渡
transition：delay duration property  timing-function

(7)动画
@keyframes  animation

column多列布局

flex弹性布局

(10)媒体查询
@media

用户界面
resize
box-sizing
outline-offset

发表于 2020-10-09 17:39:32 回复(0)
伯爵213头像 伯爵213

border-redis

border-shadow

transform

编辑于 2020-09-11 16:00:50 回复(0)
努力赚钱的小曾头像 努力赚钱的小曾
<p>border-radius</p><p>box-showdow</p><p>transfrom</p><p>translate</p><p>媒体查询</p><p>伪类</p><p>选择器</p><p><br></p>
发表于 2020-08-29 15:54:24 回复(0)
崔丝塔娜橘子君头像 崔丝塔娜橘子君

1，增加圆角radius 增加阴影box-shadow

2，文字特效text-shadow

3,transform

4,rgba属性

5,flex布局

发表于 2019-09-04 15:53:23 回复(0)
P_xin头像 P_xin

媒体查询响应式布局，音频视频的播放，动画，边框阴影，文字阴影


发表于 2019-09-01 14:49:19 回复(0)
坏小孩。。爱糖糖头像 坏小孩。。爱糖糖
主要是动画animation   旋转 transfrom
发表于 2015-09-26 10:50:23 回复(0)
小白萌萌哒头像 小白萌萌哒
css3实现的新特性有：
圆角、阴影
文字阴影，旋转
线性渐变，
媒体查询，多背景
定位
多栏布局
缩放，倾斜，

发表于 2015-08-26 21:29:45 回复(0)
提交观点

问题信息

HTML
上传者：hahani
难度：
17条回答 14660浏览

热门推荐

相关试题

扫一扫，把题目装进口袋

求职之前，先上牛客

扫描二维码，进入QQ群

扫描二维码，关注牛客公众号