律师网页设计中使用box-shadow属性为盒子添加阴影效果

  • 2019-11-12
  • 2802
  1. 使用box-shadow属性为盒子添加阴影

  2. box-shadow:h-shadow v-shadow blur spread color inset;
    描述
    h-shadow 必须。水平阴影的位置,允许负值
    v-shadow 必须。垂直阴影的位置。允许负值
    blur 可选,横糊距离
    spread 可选阴影尺寸
    color 可选。阴影颜色。参考CSS颜色值
    inser 可选。将外部阴影(outset)改为内部阴影。

    【注意】

    • 默认的是外阴影(outset),但是不可以写这个单词,否则导致阴影无效

    • 盒子阴影不占用空间,不会影响其他盒子排列

    • 鼠标经过时显示阴影

      •         div{
                    width: 200px;
                    height: 200px;
                    background-color: gray;
                    margin: auto;
        
                }
                div:hover{
                    box-shadow: 10px 10px 10px -4px rgba(0,0,0,.3);
                }
      •  

文字阴影

  1. 使用text-shadow属性将阴影应用于文本

  2. text-shadow:h-shadow v-shadow blur color;
    描述
    h-shadow 必须,水平阴影的位置,允许负值
    v-shadow 必须。垂直阴影的位置。允许负值
    blur 可选。模糊的距离
    color 可选。阴影的颜色。参考CSS颜色值

相关阅读

律师网站设计中颜色如何影响用户体验?

提高转化率的五大劝导式律师网站设计技巧

律师网站设计风格的三个趋势

从导航栏设计提高律师网站用户留存及体验

论无罪推定原则制度设计及观念要求——以司法理念为视角

成都律品科技有限公司专注律师互联网营销技术服务,创始人员2009年开始从事律师行业互联网技术开发、营销运营工作已十年,2018年公司正式成立,不断探索律师行业服务需求,致力于为律师行业提供透明、优质的服务,现已为全国多家律师事务所、律师团队提供互联网技术及营销支持。

在线咨询
  • 152-0832-9147

  • 105991110

全时在线,如未回复请留下联系方式

微信咨询