Kategorie: CSS

FontAwesome: Pulsierendes Herz

FontAwesome ist klasse, wenn man mal schnell Icons haben möchte. Unkompliziert einzubinden und flexibel in der Anwendung. In den Stylesheets von FontAwesome sind bereits einige wenige nützliche Animationen mit dabei (fa-spin, fa-pulse), aber man kann sich sehr einfach weitere, sinnvolle Helfer-Klassen definieren, wie zum

Veröffentlicht in CSS, Font, FontAwesome

Nur mit CSS: Akkordeons mit animiertem Plus-Minus-Symbolen

See the Pen LNvyGy by grilly (@Grilly86) on CodePen. Funktionsweise Neben den entsprechenden Akkordion-Buttons befindet sich eine versteckte Checkbox. Mithilfe des General sibling selectors (Allgemeiner Geschwister-Selektor) kann der Akkordion-Inhalt entsprechend dem Status der Checkbox verändert werden. Also zum Beispiel: <div>

Veröffentlicht in CSS, UI, Web

CSS Background Image: Base64-Noise-Generator

Der Base64-Noise-Generator ist ein Online-Tool zum Erstellen von Base64-CSS-Background-Noise-PNGs: base64-noise-generator Bild-Abmessungen, Farben und Stärke des Rauschens lassen sich frei definieren. Standardmäßig ist 8-Bit Farbtiefe aktiviert – es lässt sich auch auf 24-Bit umstellen, das ist aber nicht empfohlen: Die 8-Bit-Variante ist

Veröffentlicht in CSS, Tools, Web Getagged mit: , ,
Mit der Verwendung dieser Website stimmen Sie zu, dass personalisierbare Cookies für Analysezwecke gespeichert werden.