Die Anmeldung bekommt die Biene in Schraegsicht
Die 3/4-Ansicht ist unter 64 px unbrauchbar und deshalb genau hier richtig: Auf dem Anmeldebildschirm ist Platz, und man wartet ohnehin auf den Anbieter. Sie schwebt sechs Sekunden lang zwei Pixel weit — eher ein Atmen als eine Bewegung, und bei prefers-reduced-motion steht sie still. Gerechnet wird sie in tools/biene.py aus demselben Raster wie die anderen Fassungen.
This commit is contained in:
1 parent
3f8b98b869
commit
ff413864a9
6 files changed
+113
-3
No files matched your search
+19
-1
@@ -944,8 +944,26 @@ body {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* Die Biene über dem Anmeldeknopf, in Schrägsicht. Sie schwebt ein wenig —
|
||||
sechs Sekunden für zwei Pixel, also eher ein Atmen als eine Bewegung. Wer
|
||||
Bewegung abgestellt hat, bekommt sie ruhig. */
|
||||
.login-biene {
|
||||
display: block;
|
||||
width: clamp(96px, 22vw, 132px);
|
||||
height: auto;
|
||||
margin: 22px 0 0;
|
||||
image-rendering: pixelated;
|
||||
animation: schweben 6s ease-in-out infinite;
|
||||
}
|
||||
@keyframes schweben {
|
||||
50% { transform: translateY(-4px); }
|
||||
}
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.login-biene { animation: none; }
|
||||
}
|
||||
|
||||
.login-box {
|
||||
margin-top: 26px;
|
||||
margin-top: 20px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
|
||||
Reference in new issue
Block a user