Zu Beginn wieder eine Spielerei 🙂 Rakete! Via jQuery wird über den Button eine Klasse zweier Container (für die Rakete und den Hintergrund) getoggelt, bei denen die Position mittels CSS Transition animiert wird. Es gibt aber auch sinnvolle Beispiele, z.B. beim Button-Design: Auch hier auf der Seite wird übrigens der Menü-Button via toggleClass() und CSS Transitions animiert: Und das geht "recht einfach": Der Button besteht lediglich aus zwei divs, einem […]
CSS-Filter sind Manipulationen an Texten oder Bildern ist eine "nicht-destruktive" Veränderung. Das "Original" wird also nicht verändert, sondern lediglich in der Ausgabe (hier dem Rendering des Browsers) nach entsprechenden Vorgaben angezeigt. Bilder und Texte können mit folgenden Filtern versehen werden (alphabetisch): blur() – Weichzeichnen brightness() – Helligkeit ändern contrast() – Kontrast ändern drop-shadow() – Schlagschatten grayscale() – Graustufen hue-rotate() – "Farbtonrotation" invert() – Umkehren opacity() – Deckkraft saturate() – Sättigung […]
