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;

    冷的锋刃

    不努力,还要青春干什么?
  • 相关阅读:
    appium的log详细分析
    安卓版本6.0打开uiautomator报错
    wmware搬家
    Appium_Python_Api文档
    EF常用命令行
    Java学习----this和super(在继承中)
    Java学习----到底调用哪一个方法(多态)
    Java学习----方法的覆盖
    Java学习----对象间的继承
    Java学习----一个对象怎么调用另一个对象呢?
  • 原文地址:https://www.cnblogs.com/caidupingblogs/p/5935562.html
Copyright © 2011-2022 走看看