| 文章简介：css3 —-input focus的发光效果. |
在做项目时想做个input focus的效果，感觉很帅！上网搜集了一些资料，整理一下！加工成我的发光效果！哈哈 看着不错，跟大家分享一下啊！补充：chrome下input focus默认有个黄色的光影，如果不想要的话 可以在css样式中 添加一下
input：focus{
outline:none;
}
就可以去掉了！
我的样式代码：
input{
border-radius:6px;
border:1px solid #909090;
-webkit-transition: box-shadow 0.30s ease-in-out; //只让box-shadow属性做过渡效果！
-moz-transition: box-shadow 0.30s ease-in-out; //firefox
}
input :focus{
outline:none;
border:#87C6F9 1px solid;
box-shadow: 0 0 8px rgba(103, 166, 217, 1);
}
哈哈，简单吧！用css3几句样式就可以搞定了，细节做足了吧！
截图如下：
欢迎大家阅读《CSS3网页制作实例:input focus发光效果…_css》,跪求各位点评,若觉得好的话请收藏本文，by 搞代码
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：CSS3网页制作实例:input focus发光效果_css
转载请注明原文链接：CSS3网页制作实例:input focus发光效果_css
