zoukankan      html  css  js  c++  java
  • box-shadow属性

    今天研究了一下这个CSS,以前用得不多.

    作用:

      给框加阴影

    代码和示例:

      { box-shadow:3px 3px 2px 5px red;}/*参数依次为 水平阴影 垂直阴影 模糊范围 投影距离 阴影颜色*/

      可以加多个阴影,要用逗号隔开.阴影值为负则出现在反向.

            最后一个投影距离,使用了第4个参数."投影距离"感觉像光源垂直照射盒子,越近盒子周围阴影越大,越远阴影越小.这个值设得大表明光源近.

    外阴影(默认)
    内阴影(inset)
    方向(使用负值)
    多阴影(逗号分开)
    投影距离
  • 相关阅读:
    printf,sprintf,fprintf的区别与联系
    linux repo init 遇到的问题
    POSTMAN使用说明
    HTTP协议-深入了解
    HTTP协议-详解篇
    HTTP协议-基础篇
    多线程学习
    I/O流
    String类学习&泛型
    集合
  • 原文地址:https://www.cnblogs.com/mirrortom/p/7467758.html
Copyright © 2011-2022 走看看