• css3阴影 box-shadow


    语法

    box-shadow:X轴偏移量 y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式]

    参数介绍:

    注:inset 可以写在参数的第一个或最后一个,其它位置是无效的。

      阴影模糊半径,其值只能为正值,值越大阴影边缘就越模糊,值为0时阴影不具有模糊效果。

      阴影扩展半径,其值可以为正负值,值为正,阴影扩大,值为负,阴影缩小


    用法

    外阴影: box-shadow: 0px 0px 12px 5px #33CC00; 

    内阴影:box-shadow:0px 0px 12px 5px #33CC00 inset ;

    当外阴影设置了偏移量:box-shadow:5px 4px 6px  #666; 

    当内阴影设置了偏移量:box-shadow:5px 5px 5px #666 inset;

    只设置X,Y偏移量:box-shadow:10px 10px  #666; 

    在上个基础上加阴影模糊半径和阴影扩展半径:box-shadow:10px 10px 5px 10px #666; 

     多个阴影: box-shadow:4px 2px 6px #f00, -4px -2px 6px #000, 0px 0px 12px 5px #33CC00 inset;

  • 相关阅读:
    POJ 3177 Redundant Paths(无向图缩点)
    POJ 1502 MPI Maelstrom
    LightOJ 1094
    POJ 1564 Sum It Up(深搜)
    C语言复习6_doWhile循环
    进阶学习
    C语言复习5_调试
    C语言复习4_while循环
    C语言复习3_条件结构
    C语言复习2_运算符
  • 原文地址:https://www.cnblogs.com/afighter/p/5726356.html
Copyright © 2020-2023  润新知