【CSS3】制作带光晕的网页“Button“

效果图

静态的界面是这样的：

当鼠标移动到类似于Button的部分上的时候，会出现指定颜色的光晕（这里设置的颜色与模拟Button颜色一致）：

网页源码

  
    
    Red-Button
    
      body{
        background:#ccc;
      }
      div{
        width:200px;
        height:50px;
        margin:30px auto;
        font-size:30px;
        line-height:45px;
        text-align:center;
        color:#fff;
        border:5px solid #fff;
        border-radius:10px;
        background:#ff421f;
        cursor:pointer;
      }
      div:hover{
        box-shadow:0 10px 40px 5px #ff421f;
      }
    
  
  
    A
    B
    C
    D