首页 > Web开发 > 详细

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

时间:2014-11-02 13:46:58      阅读:2055      评论:0      收藏:0      [点我收藏+]

在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输入框向外发光特效

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!