CSS3 Button Active
button { border: none; color: white; background-color: #4CAF50; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; transition-duration: 0.4s; cursor: pointer; } button:active { background-color: #3e8e41; transform: translateY(4px); }
CSS3 Button Active是CSS3中一種用于設計網頁按鈕樣式的技術。通過CSS3 Button Active我們可以為網頁上的按鈕添加一種在點擊時變色,且按下后有輕微移動的效果。下面是CSS3 Button Active的樣式代碼:
button { // 這里是設置按鈕的基本樣式,包括背景色,邊框,邊距等 } button:active { // 這里是設置按鈕在被按下時的樣式,包括背景色和移動效果 }
其中,button代表按鈕元素,可以通過修改其中的樣式來達到自己想要的效果。而button:active則代表按鈕在被點擊時的樣式,包括了背景色和移動效果。如果我們想要修改按鈕的背景色,只需要在button中設置background-color,而要修改按鈕在被點擊時的背景色,只需要在button:active中設置background-color即可。
總之,CSS3 Button Active是一種簡單易用的CSS3技術,通過使用它,我們可以為網頁上的按鈕添加更加豐富的樣式,增加網頁的美觀性和功能性。