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

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

    作用:

      给框加阴影

    代码和示例:

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

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

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

    外阴影(默认)
    内阴影(inset)
    方向(使用负值)
    多阴影(逗号分开)
    投影距离
  • 相关阅读:
    flutter开发环境的搭建
    创建一个android项目
    android studio 安装与配置
    sentinel-dashboard.jar 安装
    三:nacos的配置中心
    二:nacos 的服务注册
    spring boot 在windows下的 批文件部署
    一:nacos 的安装与启动方式
    mysql 命令行安装方式
    Git 出现 Permission denied 时,重新生成ssh密钥
  • 原文地址:https://www.cnblogs.com/mirrortom/p/7467758.html
Copyright © 2011-2022 走看看