专家观点:删除码技术将代替RAID
2010-12-24 09:45
197 查看
ex001.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>CSS图象滤镜</title>
<link href="ex001.css" rel="stylesheet" type="text/css" />
</head>
<body>
<p><img src="245352.jpg" width="400" height="300" class="img"/><img src="245352.jpg" width="400" height="300" class="img2" /></p>
<p><img src="245352.jpg" width="400" height="300" class="img3" /><img src="245352.jpg" width="400" height="300" class="img4" /></p>
<p><img src="245352.jpg" width="400" height="300" class="img5" /><img src="245352.jpg" width="400" height="300" /></p>
<p><img src="245352.jpg" width="400" height="300" class="img6" /><img src="245352.jpg" width="400" height="300" class="img7" /></p>
<div class="text1">Blur 滤镜</div><div class="text2">Blur 滤镜</div><div class="text3">Blur 滤镜</div>
<div class="text4">Blur 滤镜</div><div class="text5">Blur 滤镜</div><div class="text6">Blur 滤镜</div></body>
</html>
ex001.css
.text1 {
height: 50px;
width: 100px;
filter:wave(Add="0",Phase="4",Freq="5",LightStrength="5",Strength="2");
font-family: "宋体";
font-size: 11pt;
font-weight: bolder;
}
.text2 {
height: 50px;
width: 100px;
filter:blur(add=true,direction=135,strength=1);
font-family: "宋体";
font-size: 11pt;
font-weight: bolder;
}
.text3 {
height: 50px;
width: 100px;
filter: DropShadow(Color=gray, OffX=4, OffY=4, Positive=1);
}
.text4 {
height: 50px;
width: 100px;
font-family: "宋体";
font-size: 11pt;
font-weight: bolder;
filter: Glow(Color=#ffff00, Strength=5);
}
.text5 {
height: 50px;
width: 100px;
filter:shadow(color=blue,direction=225);
font-family: "宋体";
font-size: 11pt;
font-weight: bolder;
}
.text6 {
height: 50px;
width: 100px;
font-family: "宋体";
font-size: 11pt;
font-weight: bolder;
filter: DropShadow(Color=gray, OffX=4, OffY=4, Positive=1);
}
.img {
cursor: wait;
filter: FlipH;
}
.img2 {
filter: FlipV;
}
.img3 {
filter: Alpha(Opacity=80, FinishOpacity=0, Style=2, StartX=0, StartY=0, FinishX=400, FinishY=300);
}
.img4 {
filter: Alpha(Opacity=80, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=400, FinishY=300);
}
.img5 {
filter:blur(add=ture,direction=135,strength=10);
}
.img6 {
filter: Invert;
}
.img7 {
filter: Light;
}
效果演示如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>CSS图象滤镜</title>
<link href="ex001.css" rel="stylesheet" type="text/css" />
</head>
<body>
<p><img src="245352.jpg" width="400" height="300" class="img"/><img src="245352.jpg" width="400" height="300" class="img2" /></p>
<p><img src="245352.jpg" width="400" height="300" class="img3" /><img src="245352.jpg" width="400" height="300" class="img4" /></p>
<p><img src="245352.jpg" width="400" height="300" class="img5" /><img src="245352.jpg" width="400" height="300" /></p>
<p><img src="245352.jpg" width="400" height="300" class="img6" /><img src="245352.jpg" width="400" height="300" class="img7" /></p>
<div class="text1">Blur 滤镜</div><div class="text2">Blur 滤镜</div><div class="text3">Blur 滤镜</div>
<div class="text4">Blur 滤镜</div><div class="text5">Blur 滤镜</div><div class="text6">Blur 滤镜</div></body>
</html>
ex001.css
.text1 {
height: 50px;
width: 100px;
filter:wave(Add="0",Phase="4",Freq="5",LightStrength="5",Strength="2");
font-family: "宋体";
font-size: 11pt;
font-weight: bolder;
}
.text2 {
height: 50px;
width: 100px;
filter:blur(add=true,direction=135,strength=1);
font-family: "宋体";
font-size: 11pt;
font-weight: bolder;
}
.text3 {
height: 50px;
width: 100px;
filter: DropShadow(Color=gray, OffX=4, OffY=4, Positive=1);
}
.text4 {
height: 50px;
width: 100px;
font-family: "宋体";
font-size: 11pt;
font-weight: bolder;
filter: Glow(Color=#ffff00, Strength=5);
}
.text5 {
height: 50px;
width: 100px;
filter:shadow(color=blue,direction=225);
font-family: "宋体";
font-size: 11pt;
font-weight: bolder;
}
.text6 {
height: 50px;
width: 100px;
font-family: "宋体";
font-size: 11pt;
font-weight: bolder;
filter: DropShadow(Color=gray, OffX=4, OffY=4, Positive=1);
}
.img {
cursor: wait;
filter: FlipH;
}
.img2 {
filter: FlipV;
}
.img3 {
filter: Alpha(Opacity=80, FinishOpacity=0, Style=2, StartX=0, StartY=0, FinishX=400, FinishY=300);
}
.img4 {
filter: Alpha(Opacity=80, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=400, FinishY=300);
}
.img5 {
filter:blur(add=ture,direction=135,strength=10);
}
.img6 {
filter: Invert;
}
.img7 {
filter: Light;
}
效果演示如下:
相关文章推荐
- 互联网公司技术为何选择linux+java,而不是winserver+C#(此文是总结的知乎上中专家的观点)
- 重复数据删除技术将代替应用软件自带备份策略
- newegg招聘软件技术专家[上海]
- 如何恢复由重复数据删除技术删除的数据
- Windows Server 2012体验之重复数据删除技术
- 自删除技术浅析(一)
- 高端存储 RAID技术
- 专访Sun技术专家:如何理解JavaFX的应运而生
- RAID技术详解
- 数据存储-大数据:十问重复数据删除技术
- 使用 rsync 实做重复数据删除技术(转)
- RAID技术详解
- 技术“专家”与“君子剑”
- 《Flex 3程序设计》——Adobe技术专家力作
- RAID1-RAID5技术详解
- 年薪50w+的阿里p7专家,顶尖的技术人才,只因做到了这几点
- Oracle的闪回技术--闪回已删除的表
- 400位京东技术专家心血之作 《决战618:探秘京东技术取胜之道》重磅发售!
- Hyper-v Server重复数据删除技术 推荐
- 慧都专家团队“年度技术巡访计划”开启 欢迎咨询