css:button_animated_effect
Differences
This shows you the differences between two versions of the page.
| Next revision | Previous revision | ||
| css:button_animated_effect [2020/05/20 08:34] – created peter | css:button_animated_effect [2021/08/08 12:48] (current) – removed peter | ||
|---|---|---|---|
| Line 1: | Line 1: | ||
| - | ====== CSS - Button Animated Effect ====== | ||
| - | |||
| - | <code html | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | <meta name=" | ||
| - | < | ||
| - | .button { | ||
| - | padding: 15px 25px; | ||
| - | font-size: 24px; | ||
| - | text-align: center; | ||
| - | cursor: pointer; | ||
| - | outline: none; | ||
| - | color: #fff; | ||
| - | background-color: | ||
| - | border: none; | ||
| - | border-radius: | ||
| - | box-shadow: 0 9px #999; | ||
| - | } | ||
| - | |||
| - | .button: | ||
| - | |||
| - | .button: | ||
| - | background-color: | ||
| - | box-shadow: 0 5px #666; | ||
| - | transform: translateY(4px); | ||
| - | } | ||
| - | </ | ||
| - | </ | ||
| - | < | ||
| - | |||
| - | < | ||
| - | |||
| - | <button class=" | ||
| - | |||
| - | </ | ||
| - | </ | ||
| - | </ | ||
css/button_animated_effect.1589963666.txt.gz · Last modified: 2020/07/15 09:30 (external edit)