|
|
CSS特效赏析
CSS特效赏析
1.动态改变样式
2.动态可视化效果
3.动态滤镜显示
4.Blentrans属性
5.Revealtrans属性
6.动态Glow属性
7.显示和隐藏
8.兼容两种浏览器
9.移动对象
10.对象的滑动
11.键盘控制对象
12.鼠标控制对象
13.Clip属性的应用
14.动态文字变换
15.动态改变页面样式
16.动态时钟控制
17.倒计时
18.动态刷新
|
CSS特效赏析
上一实例 下一实例
6、动态Glow属性
还记得在教程中讲过的Glow滤镜属性吗？下面这个例子动态的把它演示出来。
请您点击下面的这段文字：
怎么样，是不是有一种燃烧起来的感觉，反复点击文字将不断的发光。实现这种效果是很简单的，代码如下：
<html>
<head>
<title>css demo</title>
<script>
<!--
function zap() {
if(myimg.filters.glow.enabled==1) {myimg.filters.glow.enabled=0; }
if(myimg.filters.blendtrans.status==0)
{myimg.filters.blendtrans.apply();
myimg.filters.glow.enabled=1; myimg.filters.blendtrans.play(); } }
--> </script>
</head>
<body text="pink">
<div id="myimg" onclick="zap()"
style="font-family:行书体;font-size:54;height:200;color:#ff9900;
filter:glow(color=#9999ff,strength=20,enabled=0)
blendtrans(duration=2)"> <p>追寻梦想，梦想成真！</p> </div>
</body>
</html>
我们看到代码中还应用到了blendtrans属性，使您在点击后字体的变化有一种淡化
的效果。
从下一节开始，我将向您介绍一些利用CSS-P的知识做出来的特效例子。
上一实例 下一实例
|
|