diff options
| author | tdro <tdro@noreply.example.com> | 2023-09-13 16:21:43 -0400 |
|---|---|---|
| committer | tdro <tdro@noreply.example.com> | 2023-09-13 16:21:43 -0400 |
| commit | f54aac5bc33fbca3342e2acb8aa9627a71d67e6b (patch) | |
| tree | 87b2b9e75ec5795d51f4ce7e44c77baa4631a8f9 /assets/css | |
| parent | f80ef2ed165a86e34ce703e798091658ce72a8c4 (diff) | |
| download | canory-f54aac5bc33fbca3342e2acb8aa9627a71d67e6b.tar.gz canory-f54aac5bc33fbca3342e2acb8aa9627a71d67e6b.tar.bz2 canory-f54aac5bc33fbca3342e2acb8aa9627a71d67e6b.zip | |
assets/css/default: Text animations on hover
Absolutely lethal on weak devices
Diffstat (limited to 'assets/css')
| -rw-r--r-- | assets/css/default.css | 12 |
1 files changed, 8 insertions, 4 deletions
diff --git a/assets/css/default.css b/assets/css/default.css index f462ae6..1fb9a1f 100644 --- a/assets/css/default.css +++ b/assets/css/default.css @@ -2401,16 +2401,20 @@ nav[hidden] { text-animation { height: 0; + cursor: default; + text-decoration: underline; + -webkit-text-decoration-style: double; + text-decoration-style: double; } -text-animation, -text-animation span { +text-animation:hover, +text-animation:hover span { display: inline-block; } text-animation[rattle], text-animation[default] { - animation: tilt-rightward 0.15s infinite, tilt-leftward 0.2s infinite; + animation: tilt-rightward 0.1s infinite, tilt-leftward 0.15s infinite; } text-animation[hang] { @@ -2443,7 +2447,7 @@ text-animation[shrink] { transform-origin: right 1rem; } -text-animation[distort] span { +text-animation[distort]:hover span { animation: distort 0.25s infinite, distort 0.55s infinite, distort 0.75s infinite; } |