css3阴影设置发光边框效果，阴影按钮

本文主要是介绍css3阴影设置发光边框效果，阴影按钮，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

input内阴影
.border-shadow{
   -moz-box-shadow:1px 1px 1px #e0e0e0 inset;              
    -webkit-box-shadow:1px 1px 1px #e0e0e0 inset;           
    box-shadow:1px 1px 1px #e0e0e0 inset;    
}


input 发光边框
outline:none;
border:#8182EE 1px solid!important;

box-shadow: 0 0 8px #8182EE;

阴影按钮

.submit-btn{
display: block;
   border: 0;
   color: #fff;
   font-size: .8rem;
   text-align: center;
   width: 100%;
   height: 2rem;
   line-height: 2.1rem;
   color: #fff;
   background-color: #ff8e16;
   box-shadow: 0 3px 0px #E9670C;
   border-radius: 1.5rem;
   letter-spacing: 1px;
   }

这篇关于css3阴影设置发光边框效果，阴影按钮的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---