亚洲免费在线-亚洲免费在线播放-亚洲免费在线观看-亚洲免费在线观看视频-亚洲免费在线看-亚洲免费在线视频

XML:CSS基礎之三

系統 2405 0

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;
}

效果演示如下:

XML:CSS基礎之三


更多文章、技術交流、商務合作、聯系博主

微信掃碼或搜索:z360901061

微信掃一掃加我為好友

QQ號聯系: 360901061

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。

【本文對您有幫助就好】

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描上面二維碼支持博主2元、5元、10元、自定義金額等您想捐的金額吧,站長會非常 感謝您的哦!!!

發表我的評論
最新評論 總共0條評論
主站蜘蛛池模板: 九九热最新网址 | 国产精品亚洲综合第一区 | 久久亚洲伊人 | 99视频精品全国在线观看 | 国产福利91精品一区二区三区 | 四虎4hu永久免费 | 国产日韩高清一区二区三区 | 中文一区在线 | 又粗又硬又大久久久 | 日本精品在线视频 | 久久高清 | 欧美一级夜夜爽 视频 | 性欧美一级毛片欧美片 | 精品国产调教最大网站女王 | 九九九九九热 | 久久精品在线免费观看 | 成人影院在线观看视频 | 色小妹综合| 99国产精品免费观看视频 | 国产精品男人的天堂 | 婷婷综合亚洲 | 伊人69| 国产一区在线观看免费 | 青青青免费手机版视频在线观看 | 日韩精品欧美国产精品亚 | 天天综合天天做 | 日本精品夜色视频一区二区 | 九九在线观看精品视频6 | 国产精品国产欧美综合一区 | 日日摸日日添日日透 | 国产一区二区三区国产精品 | 亚洲欧美日韩国产 | 香蕉久久精品国产 | 嫩草视频在线观看 | 久久五月婷 | 九九毛片 | 国产亚洲精品一区二区在线观看 | 国产精品久久久久毛片 | 国产激情一区二区三区在线观看 | 波多野结衣日韩 | 久久久久精彩视频 |