Schlagwort: javascript

Neben der hier beschriebenen Art, HTML-divs via CSS (transform:rotate) zu animieren und zu maskieren, ist auch eine weitere Variante verbreitet: SVG circles. Diese vektorisierten Grafiken sind recht einfach direkt im HTML-Code generierbar und ihre Eigenschaften […]

Wenn man einen hübschen runden Fortschrittsbalken, Timer oder Counter für eine Webseite benötigt, stolpert man meist über zwei verschiedene Herangehensweisen: Entweder man arbeitet in CSS mit transform:rotate und dreht absolut positionierte HTML-Elemente hinter Masken und […]

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. Download: Rakete. […]

Bei dem Artikel zu CSS-Transitions ist mir mal wieder aufgefallen, wie selbstverständlich (sprich: altmodisch, da desktop-sozialisiert 🙂 ) man mit der Pseudoklasse :hover umgeht, obwohl doch Benutzer von Endgeräten mit Touchscreens nicht „hovern“ können. Da […]