文档章节

box-shadow(text-shadow)参数详解

闫亚亚
 闫亚亚
发布于 2016/12/05 14:10
字数 284
阅读 18
收藏 0

基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor}

对象选择器 {box-shadow:[投影方式] X轴偏移量 Y轴偏移量阴影模糊半径 阴影扩展半径 阴影颜色}

 

box-shadow属性的参数设置取值:

阴影类型:此参数可选。如不设值,默认投影方式是外阴影;如取其唯一值“inset”,其投影为内阴影;

X-offset:阴影水平偏移量,其值可以是正负值。如果值为正值,则阴影在对象的右边,其值为负值时,阴影在对象的左边;

Y-offset:阴影垂直偏移量,其值也可以是正负值。如果为正值,阴影在对象的底部,其值为负值时,阴影在对象的顶部;

阴影模糊半径:此参数可选,,但其值只能是为正值,如果其值为0时,表示阴影不具有模糊效果,其值越大阴影的边缘就越模糊;

阴影扩展半径:此参数可选,其值可以是正负值,如果值为正,则整个阴影都延展扩大,反之值为负值时,则缩小;

© 著作权归作者所有

共有 人打赏支持
闫亚亚
粉丝 1
博文 86
码字总数 30008
作品 0
济南
私信 提问
CSS3阴影 box-shadow的使用和技巧总结

text-shadow是给文本添加阴影效果,box-shadow是给元素块添加周边阴影效果。随着html5和CSS3的普及,这一特殊效果使用越来越普遍。 基本语法是{box-shadow:[inset] x-offset y-offset blur-...

zwjjap
2016/03/07
61
0
CSS3阴影 box-shadow的使用和技巧总结

text-shadow是给文本添加阴影效果。 box-shadow是给元素块添加周边阴影效果。 随着HTML5和CSS3的普及,这一特殊效果使用越来越普遍。 语法: box-shadow [inset] x-offset y-offset blur-ra...

荆瑶
2016/12/23
31
0
ie-css3.htc(让IE支持box-shadow,圆角,text-shadow)

ie-css3.htc(让IE支持box-shadow,圆角,text-shadow) IE本身是shadow滤镜可以实现类似效果的,还有一些js和.htc的hack文件可以帮助你在IE中实现这一效果。我也无法一一都去尝试,这里只介绍...

林文安
2012/05/17
0
0
【CSS】内圆角

184250-106.jpg 先上个图看看效果 image.png 紫色边框外面是直角,内部是圆角。要做出这个效果,首先要知道box-shadow 和 outline 的使用方法。box-shadow 和 outline 的使用方法在我的简书《...

KelvinZ
2017/11/27
0
0
在输入匡无法读取到javascript时间

<%@ page language="java" pageEncoding="utf-8"%> <%@ page contentType="text/html;charset=utf-8"%> <% request.setCharacterEncoding("UTF-8"); response.setCharacterEncoding("UTF-8")......

ericrock
2015/06/10
122
1

没有更多内容

加载失败,请刷新页面

加载更多

10分钟读懂阿里巴巴高级专家在Flutter Live2018的分享

作者:闲鱼技术-宗心 12月4日,google flutter团队宣布第一个flutter正式版本发布。次日,Flutter Live Beijing 会议上,google flutter团队邀请了在这一技术方案中重要的合作伙伴闲鱼团队分...

阿里云官方博客
13分钟前
1
0
RxJava window操作符

原文:https://github.com/Froussios/Intro-To-RxJava/blob/master/Part%204%20-%20Concurrency/3.%20Sequences%20of%20coincidence.md Sequences of coincidence Rx试图避免管道(pipeline)外......

woshixin
20分钟前
1
0
05.Beetl标签函数以及定界符、占位符介绍---《Beetl视频课程》

本期视频实现了博客的详情页面; 内容简介:使用了标签函数layout完成详情功能 一起学beetl目录:https://my.oschina.net/u/1590490?tab=newest&catalogId=6214598 作者:GK #标签函数 layo...

Gavin-King
21分钟前
1
0
谷歌浏览器的打印功能

var OpenWindow = window.open(""); OpenWindow.document.write("<HTML>"); OpenWindow.document.write("<HEAD>"); OpenWindow.document.write("<meta http-equiv=......

卖星星的小矮人
21分钟前
1
0
曼哈顿距离(Manhattan Distance )详解

概念 曼哈顿距离——两点在南北方向上的距离加上在东西方向上的距离,即d(i,j)=|xi-xj|+|yi-yj|。对于一个具有正南正北、正东正西方向规则布局的城镇街道,从一点到达另一点的距离正是在南...

hejunbinlan
26分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部