zoukankan      html  css  js  c++  java
  • shadow的属性值介绍

    shadow

    常用的阴影: box-shadow 、 text-shadow

    官方格式<shadow> = inset? && <length>{2,4} && <color>?

    小技巧(如果官方文档中使用 && , 那么属性值跟顺序是没有关系的)

    1. inset? : 表示inset可以写可以不写,使用inset就是内阴影,不使用就是外阴影 (实用:一般就是外阴影)
    2. length{2,4}表示可以取2-4个数字
    • 第一个length表示: 水平偏移 (水平方向上的偏移 正数向右 )
    • 第二个length表示: 垂直偏移 (垂直方向上的偏移 正数向下 )
    • 第三个length表示 : 模糊半径(blur radius) (模糊的程度,0 表示不模糊)
    • 第四个length表示: 延伸距离 ( 在原来的基础上继续增加的阴影的距离(不是偏移的方向,而是所有的方向)
    1. ? : 表示可以写相应的颜色,也可以不写(那默认就是black)
  • 相关阅读:
    最后一周作业
    第十四,十五周作业
    第七周作业
    第六周作业
    第四周作业
    第三周作业
    第二周作业
    二学期第三次作业
    二学期第二次作业
    二学期第一次作业
  • 原文地址:https://www.cnblogs.com/xyf724/p/13461773.html
Copyright © 2011-2022 走看看