zoukankan      html  css  js  c++  java
  • CSS3 boxshadow

     

    内阴影效果(偏移值都为正):

    #box-shadow{
    	-moz-box-shadow:5px 5px 5px #999 inset;               /* For Firefox3.6+ */
    	-webkit-box-shadow:5px 5px 5px #999 inset;            /* For Chrome5+, Safari5+ */
    	box-shadow:5px 5px 5px #999 inset;                    /* For Latest Opera */
    }

    内阴影效果(偏移值都为负):

    #box-shadow2{
    	-moz-box-shadow:-5px -5px 5px #999 inset;             /* For Firefox3.6+ */
    	-webkit-box-shadow:-5px -5px 5px #999 inset;          /* For Chrome5+, Safari5+ */
    	box-shadow:-5px -5px 5px #999 inset;                  /* For Latest Opera */
    }

    内阴影效果(水平偏移为负,垂直偏移为负):

    #box-shadow3{
    	-moz-box-shadow:-5px 5px 5px #999 inset;              /* For Firefox3.6+ */
    	-webkit-box-shadow:-5px 5px 5px #999 inset;           /* For Chrome5+, Safari5+ */
    	box-shadow:-5px 5px 5px #999 inset;                   /* For Latest Opera */
    }

    内阴影效果(水平偏移为正,垂直偏移为负):

    #box-shadow4{
    	-moz-box-shadow:5px -5px 5px #999 inset;              /* For Firefox3.6+ */
    	-webkit-box-shadow:5px -5px 5px #999 inset;           /* For Chrome5+, Safari5+ */
    	box-shadow:5px -5px 5px #999 inset;                   /* For Latest Opera */
    }

    * 还可以试试把某个偏移值设置为0,这时阴影的效果就只是单边的

  • 相关阅读:
    20 数组和指针
    19 数组、指针
    18 # 和 ##
    17 pragma
    4 类族结构的改进
    css常用标签
    帝国cms 通过文章的id获取信息
    帝国cms 获取一条数据,但是从第二条开始获取
    帝国cms 描述和关键词动态获取
    导入高德地图快捷链接导入方法
  • 原文地址:https://www.cnblogs.com/happyPawpaw/p/2827582.html
Copyright © 2011-2022 走看看