aboutsummaryrefslogtreecommitdiff
path: root/assets/css
diff options
context:
space:
mode:
authortdro <tdro@noreply.example.com>2023-09-09 19:12:32 -0400
committertdro <tdro@noreply.example.com>2023-09-09 19:12:32 -0400
commit4f91cba15f8a516339d93aebc7450a38fa60c26d (patch)
treedbd160180b53ce04c1d9dfdceaa6671fc919ad71 /assets/css
parent6e1fa875cb6ca735b29c7846a34315a3086bda38 (diff)
downloadcanory-4f91cba15f8a516339d93aebc7450a38fa60c26d.tar.gz
canory-4f91cba15f8a516339d93aebc7450a38fa60c26d.tar.bz2
canory-4f91cba15f8a516339d93aebc7450a38fa60c26d.zip
assets/css/default: Fudge the middle paint with animation
DOM is free and scriptable enough to experiment now (0.25 second) × (90 × percent) = covered for 225 ms
Diffstat (limited to 'assets/css')
-rw-r--r--assets/css/default.css14
1 files changed, 14 insertions, 0 deletions
diff --git a/assets/css/default.css b/assets/css/default.css
index c657a2a..1abbb46 100644
--- a/assets/css/default.css
+++ b/assets/css/default.css
@@ -2478,6 +2478,20 @@ text-animation[vibrate] span {
animation: up 0.125s infinite, left 0.15s infinite;
}
+main > *:not(nav):not(paginator-navigation) {
+ animation: paint ease-in 0.25s;
+}
+
+@keyframes paint {
+ 0%,
+ 90% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 1;
+ }
+}
+
@keyframes rotateY {
0%,
50% {