CSS3的五个使用技巧[译]（2）
作者：35公里 来源：锐商企业CMS 发布时间：2009-02-19 13:01:00
标签：css3,技巧,web,浏览器,客户
3. 块阴影与文字阴影
阴影效果曾让 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 实现透明度（目前的灯箱效果多使用该技巧 - 译者）
用例: 24 Ways.
请参考:
4. 使用 RGBA 实现透明效果
目前，Web 设计中的透明效果主要靠 PNG 图片实现（但在 IE 浏览器支持得并不好 - 译者），在 CSS3，可以直接实现透明效果。
rgba(200, 54, 54, 0.5);
background: rgba(200, 54, 54, 0.5);
color: rgba(200, 54, 54, 0.5);
color: #000;
opacity: 0.5;
支持的浏览器： Firefox, Safari, Chrome, Opera (opacity) 以及 IE7 (opacity, with fixes).
用例: 24 Ways (RGBA).
请参考:
0
投稿猜你喜欢
本文实例讲述了python模拟鼠标拖动操作的方法。分享给大家供大家参考。具体如下：pdf中的书签只有页码，准备把现有书签拖到一个目录中，然后- 笔者在今天的工作中，遇到了一个需求，那就是如何将Python字符串生成PDF。比如，需要把Python字符串‘这是测试文件'生成为P
- Tkinter 是 Python 的标准 GUI 库。Python 使用 Tkinter 可以快速的创建 GUI 应用程序。这篇文章使用tk
- MySQL 5.0.16的乱码问题可以用下面的方法解决：1.设置phpMyAdminLanguage:Chinese simplified
- ASP调用WEBSERVICE----INDEX----1. soap请求方式2. post请求方式3.&
- 本文章以一个表为例，要转多个表则可将DataSet关联多个表，下面给出完整代码，包括引用以及main函数与复制函数。要说明的是，必须先用Sq
- 本文实例为大家分享了python实现飞行棋的具体代码，供大家参考，具体内容如下import random# 地图初始坐标Maps = [0]
- 滚动条是什么大家自然都是知道的，可以非常直观地显示数据的变化，或者可以非常方便地改变某些数值。此前在介绍按钮、静态文本、输入文本这三个控件时
- Go语言里的集合一般会用map[T]bool这种形式来表示，T代表元素类型。集合用map类型来表示虽然非常灵活，但我们可以以一种更好的形式来
- 如下所示：RuntimeError: stack expects each tensor to be equal size, but got
- Vue项目中使用button绑定click事件事件无法触发methods中的方法解决办法事故还原小胖做完公司的项目，老大看着小胖疲惫的脸庞，
- 从MySQL 5.0 开始，支持了一个全新的SQL句法：PREPARE stmt_name FROM preparable_stmt;EXE
- 作用：调用方法改为调用对象， 比如 ： p.set_name() 改为 p.set_name区别：前者改变get方法，后者改变set方法效果
- numpy中有一个掩码数组的概念，需要通过子模块numpy.ma来创建，基本的创建方式如下>>> import numpy
- 任务背景：调用API接口数据，抽取我们所需类型的数据，并写入指定mysql数据库。先从宏观上看这个任务，并对任务进行分解：step1：需要学
- 本文实例讲述了MySQL 的启动和连接方式。分享给大家供大家参考，具体如下：MySQL运行包括两部分，一部分是服务器端程序mysqld，另外
- 本文实例为大家分享了python使用tkinter实现简单计算器的具体代码，供大家参考，具体内容如下class Counter: #引入t
- 所需补丁及高版本opatchimage上传后将p6880880_112000_Linux-x86-64.zip解压覆盖$ORACLE_HOM
- 以国内最流行ASP为例，我不知道有多少人会在写代码时想到“容错”这个概念，实际上当我遇到这种事时，也是不了了之。为什么呢，想想最初的意思是认
- 阅读上一篇：W3C优质网页小贴士（三）明智地选择 URI没有什么比走到你最喜欢的商店门口，却发现店门紧闭，而且没有看见店面搬迁告示这种事情还
