Die Tempokurve kann bei #transition und bei #animation genutzt werden.
Archive for September, 2018
ease-in-out und cubic-bezier
#ease-in-out hatgroße Ähnlichkeit mit der Tempokurve von #ease, der Mittelteil ist jedoch deutlich schneller. Mit #cubic-bezier können eigene Tempokurven erstellt werden.
ease-in und ease-out
#ease-in beginnt langsam beginnt und endet schnell. #ease-out verhält sich genau anders herum. #ease-out ist sollte häufig getestet werden. Der Benutzer hat sofort ein Feedback, da es sehr schnell beginnt und kann die Bewegung gut einordnen aufgrund es langsamen Finish. Bei #ease-in ist mitunter der langsame Start das Problem. Der Nutzende erwartet ein Ergebnise, die […]
float ohne clear
Wenn man relativ kleine Bilder hat und viel Text hat, dann kann auf #clear verzichtet werden. Der Text übt nämlich beim Float eine Höheninformtion im Float-Kontext aus.
vertical-align in der Tabelle
In den Zellen einer Tabelle, das sind #td und #th, kann #vertical-align angewendet werden.
Vertikal zentrieren ohne flex
Für besondere Situationen im Webdesign kann dieser Effekt sinnvoll sein.
Bild einfügen
Das #img zeigt Bilder im Browser an. Es gibt vier gängige Datei-Formate für Bilder im Web. Für Fotos ist JPEG empfohlen. SVG ist der einzige Dateityp für Vektoren und bei Freistellungen ist PNG empfohlen. Einfache Animationen kann GIF. Mit #src wird auf die Bid-Datei verwiesen.
Bild mit Bildunterschrift
#figure und #figcaption ergänzen das #img. Das #img sollte außerdem über noch über #alt beschrieben werden.