php实现动态按钮效果 HTML_很酷的CSS发光按钮实现方法 用CSS3实现的发光按钮效果

很酷的CSS发光按钮实现方法

用CSS3实现的发光按钮效果，虽然只能在safari 4和chrome中才能看到最终效果，但我们还是能享受到css3带给我们的美好憧憬。

对每一个按钮，所作的只需三件事：

定义动画的名字；

定义动画的持续时间；

定义动画重复次数。

1.@-webkit-keyframes greenPulse {

2.from { background-color: #749a02; -webkit-box-shadow:: 0 0 9px #333; }

3.50% { background-color: #91bd09; -webkit-box-shadow:: 0 0 18px #91bd09; }

4.to { background-color: #749a02; -webkit-box-shadow:: 0 0 9px #333; }

5.}

在上面的规则中：

@-webkit-keyframes：告知浏览器我们定义的是以关键帧为基础的动画；

greenPulse：动画的名字，这样可以附加到相应的对象之上；

from：定义动画的初始帧；

50%：意味着在动画的中间发生改变；

to：定义动画的尾帧；注意：动画总是回到初始帧，不可能在最后一帧停止。这也意味着一个平滑的动画在开始和结束拥有相同的属性。

然后，将定义的动画添加到相应的对象，如：

1.a.green.button {

2. -webkit-animation-name: greenPulse;

3. -webkit-animation-duration: 2s;

4. -webkit-animation-iteration-count: infinite;

5.}相关阅读:

SQLSERVERS 数据整理方法

用 Javascript 实现检测、添加、移除样式

静态化的页面的一块鸡肋的玩转法

详解linux vi命令用法

系统设置--modprobe

PHP+Mysql+jQuery实现动态展示信息

Linux系统下使用wine运行迅雷5的方法

迅雷快车旋风下载专用链转换批处理代码

一个替换目录结构的正则表达式 实现目录的增加

关于form表单中Enctype属性的用法

Access下如何使用通用对话框

平面设计理论:创造视觉冲击力作品

js日历控件点击日期后文本框显示

值得收藏的一些HTML、JavaScript、ASP代码

php实现动态按钮效果 HTML_很酷的CSS发光按钮实现方法 用CSS3实现的发光按钮效果 虽 - phpStudy...