如何設定按鈕變形,文字不變形

如何設定按鈕變形,文字不變形

範例結果

運用CSS3之下,transform: skewX讓按鈕變成平行四邊形

狀況:滑鼠hover後,按鈕及文字都會改變

(1) html結構

(2) CSS3美化

改善:利用before改善滑鼠hover後,按鈕變成平行四邊形,但文字不會變形

 

CSS3美化改善