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

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

    作用:

      给框加阴影

    代码和示例:

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

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

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

    外阴影(默认)
    内阴影(inset)
    方向(使用负值)
    多阴影(逗号分开)
    投影距离
  • 相关阅读:
    多线程创建方式四种

    归并排序
    Spark调优之--资源调优、并行度调优
    多线程中的上下文切换
    守护线程和本地线程
    线程和进程的区别
    3. 无重复字符的最长子串
    [蓝桥杯][历届试题]连号区间数
    [蓝桥杯][历届试题]蚂蚁感冒
  • 原文地址:https://www.cnblogs.com/mirrortom/p/7467758.html
Copyright © 2011-2022 走看看