今天用到了CSS中的透明度和外發光，分享一下，希望能幫到大家

透明例項

<div class="box"></div>
<style>
    .box{width:300px; height:200px;margin:0 auto; boxder:1px solid #ccc; background:#000;
         filter:alpha(opacity:30);      //這是一個針對IE瀏覽器
         opacity:0.3;                   //值為1時，完全不透明，為0時完全透明，opacity為css的現代標準，適用於絕大瀏覽器
</style>
 

如圖：

外發光例項

<style>
.aa:HOVER{
      -webkit-transition:-webkit-box-shadow linear .05s;  
//transition的過渡，對陰影部分的逐步過渡，還可以用 border linear .2s ，這是說border屬性的逐步過渡，兩個設定之間用 , 分隔
       border-color:rgba(25,39,142,.5);
//rgba（a，b，c，d），前三位湊成顏色，而第四位則是透明度 
       -webkit-box-shadow:0 0 20px rgba(251,56,15,365);
//box-shadow：x y 10px rgba（a，b，c，d），x y分別是陰影的方向， 然後是陰影蔓延距離，最後則是陰影部分的顏色； 
        }
.aa{
       height: 100px;width: 100px;
    }
</style>
<div>
     <input type="text" class="aa"/>
</div>
 

如圖：

自己寫的，如有錯誤，還望路過大佬指點和海涵