updates
This commit is contained in:
@@ -90,6 +90,36 @@ body {
|
||||
50% { opacity: 0; }
|
||||
}
|
||||
|
||||
/* Loading flower: petals bloom one after another, core breathes. */
|
||||
.flower-petal {
|
||||
transform-box: fill-box;
|
||||
transform-origin: center;
|
||||
animation: bloom 1.8s ease-in-out infinite;
|
||||
}
|
||||
@keyframes bloom {
|
||||
0%, 100% { transform: scale(0.55); opacity: 0.3; }
|
||||
50% { transform: scale(1); opacity: 1; }
|
||||
}
|
||||
.flower-core {
|
||||
transform-box: fill-box;
|
||||
transform-origin: center;
|
||||
animation: core-breathe 1.8s ease-in-out infinite;
|
||||
}
|
||||
@keyframes core-breathe {
|
||||
0%, 100% { transform: scale(0.85); }
|
||||
50% { transform: scale(1.15); }
|
||||
}
|
||||
.loading-dots::after {
|
||||
content: "";
|
||||
animation: dots 1.4s steps(4) infinite;
|
||||
}
|
||||
@keyframes dots {
|
||||
0% { content: ""; }
|
||||
25% { content: "."; }
|
||||
50% { content: ".."; }
|
||||
75% { content: "..."; }
|
||||
}
|
||||
|
||||
/* Kill Chrome's yellow autofill background (login / password fields) */
|
||||
input:-webkit-autofill,
|
||||
input:-webkit-autofill:hover,
|
||||
|
||||
Reference in New Issue
Block a user