HTML5-9(CSS3新增特性)

作者: IIronMan | 来源:发表于2016-11-08 09:33 被阅读20次

一.RGBA透明度

RGB(红色R+绿色G+蓝色B),RGBA则在其基础上增加了Alpha通道,可用于设置透明值

RGBA透明度

二.块阴影与文字阴影

** box-shadow 和 text-shadow **

  • 1.box-shadow : 如果 box-shadow: 0 0 15px green; 代表四边都有阴影


    块阴影

    看下面的列子


    box-shadow
  • 2.text-shadow(文字的阴影)

text-shadow(文字的阴影)

三.圆角

border-radius

border-radius的使用

四.边框图片 (开发中很少用)

border-image

展示方式: border-image: url(img/3.jpg) 30 30 round;

五.形变(一般用于动画)

transform:none|<transform-function>[<transform-fuction>]

相关文章

  • HTML5-9(CSS3新增特性)

    一.RGBA透明度 RGB(红色R+绿色G+蓝色B),RGBA则在其基础上增加了Alpha通道,可用于设置透明值 ...

  • 11、CSS3新特性 新增选择器 、伪元素选择器及应用场景(浮

    CSS3新特性 CSS3 的现状 新增的CSS3特性有兼容性问题,ie9+才支持 移动端支持优于 PC 端 不断改...

  • 2018.10.25css3动画特效

    css3有哪些新增的特性?1,css权重 2,新增选择器 3,css3圆角,阴影,rgba(颜色表示法) ...

  • 三十九、CSS3的新特性(上)

    一、CSS3的新特性 1.1、CSS的现状 新增的CSS3特性有兼容性问题,ie9+才支持。 移动端支持优于PC端...

  • css3新增特性

    选择器 @Font-faceFont-face 可以用来加载字体样式,而且它还能够加载服务器端的字体文件,让客户端...

  • css3新增特性

    1, 新增选择器 p:nth-child(n){color:rgba(0,0,0,0.8)}2,弹性盒模型 dis...

  • CSS3新增特性

    1>RGBA透明度:在RGB上设置了Alpha透明值 2>块阴影与圆角阴影box-shadow(标签块阴影)/te...

  • web前端面试提问总结:

    学过CSS3吗?CSS3的新增特性有哪些? 主要是文本效果、边框、图片、字体、背景效果、阴影效果、色彩类: RGB...

  • H5C3新特性简单总结

    CSS3新特性: 1.颜色:新增RGBA,HSLA模式 2. 文字阴影(text-shadow) 3. 边框: 圆...

  • 每日总结

    每日单词 CSS3新增特性 @Font-face 特性 加载字体样式,而且它还能够加载服务器端的字体文件,让客户端...

网友评论

    本文标题:HTML5-9(CSS3新增特性)

    本文链接:https://www.haomeiwen.com/subject/zulauttx.html