Kategorie: Web

Perspektive ändern beim Scrollen

Ich wollte einen Effekt erzielen, wo beim Scrollen sich die Perspektive ändern. Dafür muss man nur beim body die CSS-Eigenschaft perspective setzen und sicherstellen, dass auch in njedem Browser innerhalb des body– Elementes gescrollt wird. See the Pen set perspective

Ein HTML Synthesizer mithilfe von Audiolet.js

Ein rudimentärer Versuch einen Javascript-Audio-Synthesizer zu erstellen. Es handelt sich noch um eine recht frühe Version, die ich gerne noch um einige Funktionen erweitern möchte, damit daraus irgendwann vielleicht mal ein „vollwertiger“ Synthesizer entsteht. See the Pen Piano/synthesizer by grilly

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

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:

Top