码迷,mamicode.com
首页 > Web开发 > 详细

CSS样式:Input输入框向外发光特效

时间:2014-11-02 13:48:01      阅读:484      评论:0      收藏:0      [点我收藏+]

标签:style   blog   io   color   ar   sp   div   on   log   

在CSS里面定义INPUT输入框的全局样式

input[type=text]:focus,input[type=password]:focus,textarea:focus{
transition:border linear .2s,box-shadow linear .5s;
-moz-transition:border linear .2s,-moz-box-shadow linear .5s;
-webkit-transition:border linear .2s,-webkit-box-shadow linear .5s;
outline:none;border-color:rgba(253,215,5,.75); //输入框边框颜色
box-shadow:0 0 10px rgba(253,215,5,.105); //向外漫射程度1
-moz-box-shadow:0 0 10px rgba(253,215,5,.5);//向外漫射程度2
-webkit-box-shadow:0 0 10px rgba(253,215,5,3);//向外漫射程度3
}

 

CSS样式:Input输入框向外发光特效

标签:style   blog   io   color   ar   sp   div   on   log   

原文地址:http://www.cnblogs.com/qq9915072/p/4068985.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!