CSS3 HTML5实例三(块阴影与文字阴影)
来源:互联网 发布:360软件管家 迅雷下载 编辑:程序博客网 时间:2024/05/22 07:44
阴影效果曾让 Web 设计师既爱又恨,现在,有了 CSS3,你不再需要 Photoshop,已经有网站在使用这个功能了,如 24 Ways website.
-webkit-box-shadow: 10px 10px 25px #ccc;
-moz-box-shadow: 10px 10px 25px #ccc;
box-shadow: 10px 10px 25px #ccc;
前两个属性设置阴影的 X / Y 位移,这里分别是 10px,第3个属性定义阴影的虚化程度,最后一个设置阴影的颜色。文字阴影也可以这样设置:
text-shadow: 2px 2px 5px #ccc;
支持的浏览器:Firefox 3.1, Safari, Chrome (只支持 Box 阴影) ,Opera (只支持文字阴影).前3个数字表示红绿蓝三色的值,最后一个值代表透明度,另外,我们还可以使用 opacity 实现透明度(目前的灯箱效果多使用该技巧 - 译者)
- CSS3 HTML5实例三(块阴影与文字阴影)
- CSS3+HTML5实现块阴影与文字阴影
- CSS3 选择器 文字阴影
- CSS3--文字阴影
- css3文字阴影
- CSS3实现文字阴影与自动换行
- html5文字阴影与自动换行
- 盒子阴影与文字阴影
- CSS3之阴影-文字阴影text-shadow
- css3文字阴影和盒子阴影
- CSS3盒阴影实例
- 16、实例 文字阴影
- css实例 文字阴影
- CSS3曲线阴影与翘角阴影
- css3文字渐变和阴影、图片边框和边框阴影
- CSS3笔记1 — 文字阴影、边框阴影、自动换行
- css3阴影
- CSS3阴影
- js实现无缝滚动效果
- 一步步安装nginx搭建流媒体服务器
- 敏捷开发一千零一问系列(中)
- 【转载】java位操作符查漏补缺
- ADO Recordset addnew
- CSS3 HTML5实例三(块阴影与文字阴影)
- 封装一下System.out.print()吧
- 使用yum来安装或卸载CentOS图形界面包
- 插件insertpre+语法高亮插件google-code-prettify,解决CKEditor4代码高亮显示问题
- 输出Unity的场景文件为Obj模型文件
- DataSet Relastion (1)
- SAP业务智能是一个企业级的、完整的、开放的和集成的方案,提供可操作的洞察力。
- 对领域驱动设计(DDD)的学习成果
- eclipse编程问题!!