HTML5-9(CSS3新增特性)

一.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>]

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • text-shadow是给文本添加阴影效果,box-shadow是给元素块添加周边阴影效果。随着HTML5和CSS...
    arlene112阅读 2,290评论 0 1
  • 1、属性选择器:id选择器 # 通过id 来选择类名选择器 . 通过类名来选择属性选择器 ...
    Yuann阅读 1,656评论 0 7
  • 1、垂直对齐 如果你用CSS,则你会有困惑:我该怎么垂直对齐容器中的元素?现在,利用CSS3的Transform,...
    kiddings阅读 3,199评论 0 11
  • 转载请声明 原文链接 关注公众号获取更多资讯 这篇文章主要总结H5的一些新增的功能以及一些基础归纳,这里只是一个提...
    前端进阶之旅阅读 9,105评论 22 225
  • 孩子三岁以后,开始了幼儿园的集体生活,小脑袋里装着无数稀奇古怪的想法,对一切事物都充满了好奇心,家长也开始努力...
    心境六六阅读 460评论 0 0