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 相关文章推荐
CSS3弹性盒模型开发笔记(三)
Apr 26 HTML / CSS
一款利用纯css3实现的超炫3D表单的实例教程
Dec 01 HTML / CSS
CSS3中的@keyframes关键帧动画的选择器绑定
Jun 13 HTML / CSS
CSS3 Notes: -webkit-box-reflect实现倒影的实例
Dec 08 HTML / CSS
HTML5之SVG 2D入门8—文档结构及相关元素总结
Jan 30 HTML / CSS
HTML5 Canvas如何实现纹理填充与描边(Fill And Stroke)
Jul 15 HTML / CSS
html5基础教程常用技巧整理
Aug 20 HTML / CSS
HTML5+JS实现俄罗斯方块原理及具体步骤
Nov 29 HTML / CSS
html5设计原理(推荐收藏)
May 17 HTML / CSS
教你使用Canvas处理图片的方法
Nov 28 HTML / CSS
webView加载html图片遇到的问题解决
Oct 08 HTML / CSS
HTML中meta标签及Keywords
Apr 15 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
用Zend Encode编写开发PHP程序
2006/10/09 PHP
深入理解ob_flush和flush的区别(ob_flush()与flush()使用方法)
2013/02/06 PHP
在WordPress的文章编辑器中设置默认内容的方法
2015/12/29 PHP
php获取excel文件数据
2017/04/21 PHP
Laravel中使用Queue的最基本操作教程
2017/12/27 PHP
PHP程序员简单的开展服务治理架构操作详解(一)
2020/05/14 PHP
JavaScript入门教程(10) 认识其他对象
2009/01/31 Javascript
jQuery 使用手册(一)
2009/09/23 Javascript
jQuery编辑器KindEditor4.1.4代码高亮显示设置教程
2013/03/01 Javascript
jQuery+css3实现转动的正方形效果(附demo源码下载)
2016/01/27 Javascript
自己封装的一个简单的倒计时功能实例
2016/11/23 Javascript
angularjs中ng-attr的用法详解
2016/12/31 Javascript
使用vue.js写一个tab选项卡效果
2017/03/25 Javascript
js中字符型和数值型数字的互相转化方法(必看)
2017/04/25 Javascript
详解Angular2组件之间如何通信
2017/06/22 Javascript
element-ui循环显示radio控件信息的方法
2018/08/24 Javascript
微信小程序实现的一键复制功能示例
2019/04/24 Javascript
[01:04:14]OG vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
python中使用PIL制作并验证图片验证码
2018/03/15 Python
selenium+python实现1688网站验证码图片的截取功能
2018/08/14 Python
Python批量生成特定尺寸图片及图画任意文字的实例
2019/01/30 Python
python3中的logging记录日志实现过程及封装成类的操作
2020/05/12 Python
Python3 ID3决策树判断申请贷款是否成功的实现代码
2020/05/21 Python
pycharm开发一个简单界面和通用mvc模板(操作方法图解)
2020/05/27 Python
伊莱克斯阿根廷网上商店:Tienda Electrolux
2021/03/08 全球购物
Claire’s法国:时尚配饰、美容、珠宝、头发
2021/01/16 全球购物
时尚休闲吧创业计划书
2014/01/25 职场文书
婚礼主持词开场白
2014/03/13 职场文书
2014年车间工作总结
2014/11/21 职场文书
小学教师2014年度工作总结
2014/12/03 职场文书
冰峪沟导游词
2015/02/09 职场文书
初中同学会致辞
2015/08/01 职场文书
导游词之新疆尼雅遗址
2019/10/16 职场文书
MySQL中出现乱码问题的终极解决宝典
2021/05/26 MySQL
Python可视化学习之matplotlib内置单颜色
2022/02/24 Python
Mysql排查分析慢sql之explain实战案例
2022/04/19 MySQL