日期:2014-05-16 浏览次数:20732 次
昨天在国外的论坛上逛的时候,看到一篇帖子是求助如何利用CSS3实现发光效果的,网友回复中有一个推荐了一款CSS3发光搜索表单,利用CSS3的glow属性,设置0%和100%时的颜色样式,让其渐变,再配合有明显对比的背景,就能模拟出发光的效果了,我把那个CSS3发光表单下载了下来,先来看一下效果图:
图上的搜索框在被激活的时候会出现闪闪发光的特效。
我们可以在这里查看CSS3发光搜索表单的DEMO演示。
下面我们来一起看看源代码。
HTML代码非常简单,一个文本框和一个提交按钮:
<form action="" method=""> <input type="search" placeholder="What are you looking for?"> <button>Search