diff options
| author | Nat Lasseter <user@4574.co.uk> | 2025-03-11 15:45:47 +0000 |
|---|---|---|
| committer | Nat Lasseter <user@4574.co.uk> | 2025-03-11 15:45:47 +0000 |
| commit | 6461a2c495457b1f5fadffb4901823e20f43ef9c (patch) | |
| tree | d7012afc552b0af7f84157fd0448c97c222aa8d7 /static/styles.css | |
| parent | 451859c18ffda886b04eba5e8d71663f828e8381 (diff) | |
Shake links
Diffstat (limited to 'static/styles.css')
| -rw-r--r-- | static/styles.css | 18 |
1 files changed, 17 insertions, 1 deletions
diff --git a/static/styles.css b/static/styles.css index a15f136..8715207 100644 --- a/static/styles.css +++ b/static/styles.css @@ -26,6 +26,20 @@ div { padding: 1em; } +@keyframes shake { + 0% { transform: translate(1px, 1px) rotate(0deg); } + 10% { transform: translate(-1px, -2px) rotate(-1deg); } + 20% { transform: translate(-3px, 0px) rotate(1deg); } + 30% { transform: translate(3px, 2px) rotate(0deg); } + 40% { transform: translate(1px, -1px) rotate(1deg); } + 50% { transform: translate(-1px, 2px) rotate(-1deg); } + 60% { transform: translate(-3px, 1px) rotate(0deg); } + 70% { transform: translate(3px, 1px) rotate(-1deg); } + 80% { transform: translate(-1px, -1px) rotate(1deg); } + 90% { transform: translate(1px, 2px) rotate(0deg); } + 100% { transform: translate(1px, -2px) rotate(-1deg); } +} + table#toplinks { width: 100%; td { @@ -38,7 +52,9 @@ table#toplinks { } a:hover { color: darkgreen; - filter: blur(2px); + filter: blur(1px); + animation: shake 0.2s; + animation-iteration-count: infinite; } } } |