通过控制图层显隐和alpha滤镜静态转换,实现黑白模糊过渡为彩色清晰

2010-01-07 23:15:20 by 【6yang】, 90 visits, 收藏 | 返回

色彩和清晰度一次性过渡

通过控制图层显隐和alpha滤镜静态转换,实现黑白模糊过渡为彩色清晰

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
	"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Image One-Off Color Fade</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" media="screen" href="http://www.rexsong.com/public/style.css" />
<link href="style.css" type="text/css" rel="stylesheet" />
<script src="fade.js" type="text/javascript"></script>

</head>

<body id="rexsong_demo">

<div id="rexsong_space"></div>
<h1>图片一次性色彩过度</h1>

<div class="holder">
	<div class="message">web design and development</div>
	<img id="clean" src="1.jpg" />
	<img id="blur" src="1b.jpg" /> 
</div>

<p><a href="http://www.dbrandon.co.uk/">http://www.dbrandon.co.uk/</a></p>

<script type="text/javascript" src="http://www.rexsong.com/public/rexsong.demo.js"></script>


<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-67927-3";
urchinTracker();
</script>

<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-67927-7";
urchinTracker();
</script>
</body>
</html>
分享到:
share

    图片原图

    loading

    loading