zoukankan      html  css  js  c++  java
  • CSS之shasow(阴影)

    参考https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow

    box-shadow属性向框添加一个或多个阴影。语法先上:

    box-shadow: h-shadow v-shadow blur spread color inset;
    

    解释一下:

    阴影类型 X轴位移 Y轴位移 阴影大小 阴影扩展 阴影颜色;

    其中X和Y是必须选的,其他可选。

    在设置box-shadow时可以各式各样,非常漂亮,我们举些栗子:

    0.5em 0.5em 0.4em gold, -0.5em 0.5em 0.4em lime, -0.5em -0.5em 0.4em blue;
    0 0 0 0.5em;
    0 0 1em;
    inset 0 -1.1em red;
    inset 0 2em 3em -1em green;
    0.4em 0.4em 1em olive;
    0 1.5em 0.5em -1em olive;
    border-radius: 50%; box-shadow: inset 0.3em 0.3em 0.9em black;

    冷的锋刃

    不努力,还要青春干什么?
  • 相关阅读:
    Python 操作Redis 转载篇
    Django运行SQL语句
    将博客搬至CSDN
    MySQL学习(三)函数
    MySQL学习(二)数据类型
    MySQL学习(一) 数据表基本操作
    Django聚合函数
    windows平台上编译mongdb-cxx-driver
    小程序登陆遇到 ERR_REQUEST_PARAM
    Opengrok服务器搭建step by step
  • 原文地址:https://www.cnblogs.com/caidupingblogs/p/5935562.html
Copyright © 2011-2022 走看看