日期:2014-05-16  浏览次数:20666 次

炫酷的CSS3发光搜索表单,附演示和源码

昨天在国外的论坛上逛的时候,看到一篇帖子是求助如何利用CSS3实现发光效果的,网友回复中有一个推荐了一款CSS3发光搜索表单,利用CSS3的glow属性,设置0%和100%时的颜色样式,让其渐变,再配合有明显对比的背景,就能模拟出发光的效果了,我把那个CSS3发光表单下载了下来,先来看一下效果图:

图上的搜索框在被激活的时候会出现闪闪发光的特效。

我们可以在这里查看CSS3发光搜索表单的DEMO演示。

下面我们来一起看看源代码。

HTML代码非常简单,一个文本框和一个提交按钮:

<form action="" method="">            
        <input type="search" placeholder="What are you looking for?">                
        <button>Search