CSS3属性box-shadow使用指南


Posted in HTML / CSS onDecember 09, 2014

今天比较忙,没能好好看新东西,就记录一个常用的CSS3属性吧:box-shadow,表示阴影,如果设置了border-radius圆角,则阴影也是圆角

box-shadow目前是IE9及以上和其他现代浏览器都支持的属性了。

语法:

Formal syntax: none | [inset? && [ <offset-x> <offset-y> <blur-radius>? <spread-radius>? <color>? ] ]#

取值:

inset: 表示阴影在边框内部(即使是无边框),在背景之上,内容之下;

offset-x 和 offset-y: 偏移量,正值表示向左和向下;

blur-radius: 模糊半径,默认0,不能为负值;

spread-radius: 取正值阴影扩大,取负值缩小,默认为0.

color: 颜色,所未定义则由浏览器确定。

HTML / CSS 相关文章推荐
css动画效果之animation的常用样式
Mar 09 HTML / CSS
css3打造一款漂亮的卡哇伊按钮
Mar 20 HTML / CSS
CSS3实现的炫酷菜单代码分享
Mar 12 HTML / CSS
CSS3不透明度实例讲解
Apr 26 HTML / CSS
利用CSS3实现进度条的两种姿势详解
Mar 21 HTML / CSS
用css3写出气球样式的示例代码
Sep 11 HTML / CSS
HTML5标签与HTML4标签的区别示例介绍
Jul 18 HTML / CSS
HTML5中的autofocus(自动聚焦)属性介绍
Apr 23 HTML / CSS
html5教你做炫酷的碎片式图片切换 (canvas)
Jul 28 HTML / CSS
HTML5 Canvas 旋转风车绘制
Aug 18 HTML / CSS
如何通过 CSS 写出火焰效果
Mar 24 HTML / CSS
详解CSS中postion和opacity及cursor的特性
Aug 14 HTML / CSS
CSS3属性box-sizing使用指南
Dec 09 #HTML / CSS
使用css3实现的tab选项卡代码分享
Dec 09 #HTML / CSS
使用css3实现的windows8开机加载动画
Dec 09 #HTML / CSS
css3的transform中scale缩放详解
Dec 08 #HTML / CSS
css3实例教程 一款纯css3实现的发光屏幕旋转特效
Dec 07 #HTML / CSS
css3的transform造成z-index无效解决方案
Dec 04 #HTML / CSS
一款利用纯css3实现的超炫3D表单的实例教程
Dec 01 #HTML / CSS
You might like
PHP使用mkdir创建多级目录的方法
2015/12/22 PHP
PHP使用内置函数生成图片的方法详解
2016/05/09 PHP
CI框架实现框架前后端分离的方法详解
2016/12/30 PHP
php实现JWT验证的实例教程
2020/11/26 PHP
Gambit vs ForZe BO3 第一场 2.13
2021/03/10 DOTA
异步javascript的原理和实现技巧介绍
2012/11/08 Javascript
js对列表中第一个值处理与jsp页面对列表中第一个值处理的区别详解
2013/11/05 Javascript
弹出最简单的模式化遮罩层的js代码
2013/12/04 Javascript
使用百度地图api实现根据地址查询经纬度
2014/12/11 Javascript
js判断某个字符出现的次数的简单实例
2016/06/03 Javascript
深入理解Angularjs中的$resource服务
2016/12/31 Javascript
关于Vue实现组件信息的缓存问题
2017/08/23 Javascript
nodejs实现的简单web服务器功能示例
2018/03/15 NodeJs
浅谈在react中如何实现扫码枪输入
2018/07/04 Javascript
JS实现处理时间,年月日,星期的公共方法示例
2019/05/31 Javascript
vue store之状态管理模式的详细介绍
2019/06/13 Javascript
layui 富文本图片上传接口与普通按钮 文件上传接口的例子
2019/09/23 Javascript
微信小程序在text文本实现多种字体样式
2019/11/08 Javascript
JS实现轮播图效果
2020/01/11 Javascript
vue项目打包为APP,静态资源正常显示,但API请求不到数据的操作
2020/09/12 Javascript
用Python代码来解图片迷宫的方法整理
2015/04/02 Python
对pytorch网络层结构的数组化详解
2018/12/08 Python
python matplotlib模块基本图形绘制方法小结【直线,曲线,直方图,饼图等】
2020/04/26 Python
Python3爬虫里关于代理的设置总结
2020/07/30 Python
Windows环境下Python3.6.8 importError: DLLload failed:找不到指定的模块
2020/11/01 Python
Python的scikit-image模块实例讲解
2020/12/30 Python
Shopee马来西亚:随拍即卖,最佳行动电商拍卖平台
2017/06/05 全球购物
橄榄树药房:OLIVEDA
2019/09/01 全球购物
Java程序员面试题
2013/07/15 面试题
公证书标准格式
2014/04/10 职场文书
艺术设计专业毕业生推荐信
2014/07/08 职场文书
幼儿园家长安全责任书
2014/07/22 职场文书
老龄工作先进事迹
2014/08/15 职场文书
周末问候语大全
2015/11/10 职场文书
CSS布局之浮动(float)和定位(position)属性的区别
2021/09/25 HTML / CSS
Android开发之底部导航栏的快速实现
2022/04/28 Java/Android