1. button {      background: none;   
2.   border: 0;      box-sizing: border-box;   
3.   box-shadow: inset 0 0 0 2px #f45e61;      color: #f45e61;   
4.   font-size: inherit;      font-weight: 700;   
5.   margin: 1em;      padding: 1em 2em;   
6.   text-align: center;      text-transform: capitalize;   
7.   position: relative;      vertical-align: middle;   
8. }    button::before, button::after {   
9.   box-sizing: border-box;      content: '';   
10.   position: absolute;      width: 100%;   
11.   height: 100%;    }               
12.   

以上是第一種線條動(dòng)畫效果的制作方法。其它效果的CSS代碼請(qǐng)參考下載文件。

本文就為大家介紹到這，希望對(duì)大家的學(xué)習(xí)有所幫助。

原文：http://www.cnblogs.com/w2bc/p/4922347.html