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;

    冷的锋刃

    不努力,还要青春干什么?
  • 相关阅读:
    七种数据类型
    js字符串解析成数字
    html节点操作与事件
    form表单的默认提交行为
    CSS中的各种width(宽度)
    Javascript读写CSS属性
    ECMAScript6新特性之Reflect
    ECMAScript6新特性之String API
    ECMAScript6新特性之Array API
    判断Javascript对象是否为空
  • 原文地址:https://www.cnblogs.com/caidupingblogs/p/5935562.html
Copyright © 2011-2022 走看看