CSS3 特效

新增颜色模式

  • Rgba- r Red 红
  • 0-255- g Green 绿
  • 0-255- b Blue 蓝
  • 0-255- a Alpha 透明 0-1

解决问题

  • 背景透明,文字不透明

CSS3 文字阴影

文字阴影

text-shadow: x y blur color;

参数
  • x 横向偏移
  • y 纵向偏移
  • blur 模糊距离(半径)
  • color 阴影颜色

CSS3 盒模型阴影

盒子阴影

box-shadow:[inset] x y blur [spread] color, …

参数
  • inset:内投影 不给 外投影
  • x、y:阴影偏移
  • blur:模糊半径
  • spread:扩展阴影半径 先扩展原有形状,再开始画阴影
  • color:颜色
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容