前言：
此刻姐妹们对“css盒子发光”大概比较注重，同学们都需要知道一些“css盒子发光”的相关内容。那么小编在网络上收集了一些关于“css盒子发光””的相关知识，希望各位老铁们能喜欢，各位老铁们一起来了解一下吧！效果图截图：
案例代码示下：
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>发光输入框</title> <style type="text/css"> input{width: 280px;height: 30px;} textarea{width: 280px;height: 80px;} input,textarea{ -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; padding: 3px 0 3px 3px; margin: 5px 1px 3px 0; border: #ddd 1px solid; } input:focus,textarea:focus{ box-shadow: 0 0 5px rgba(216,76,41,1); padding: 3px 0 3px 3px; margin: 5px 1px 3px 0; border: rgba(216,76,41,1) 1px solid; } </style> </head> <body> <input type="text" name="" id="" value="" /> <textarea></textarea> </body></html>注意：
这里使用了css的 transition 动画属性。transition的浏览器兼容性，添加浏览器厂商前缀。
以上就是关于 “ css实现发光的input输入框 ” 的全部内容。
版权声明：
本站文章均来自互联网搜集，如有侵犯您的权益，请联系我们删除，谢谢。
标签： #css盒子发光 #css外发光效果 #css图片发光特效代码 #css图片发光特效代码大全
