Hintergrundvideo .webm
Hintergrund als 8s .webm hier kann man schreiben was man will…. oder braucht.
Webdesign
Animated CSS Gradient
Animated Gradient html & css only hier kann man schreiben was man will…. oder braucht.
Geschützt: Guckst du Fernsehn?!
Es gibt keinen Textauszug, da dies ein geschützter Beitrag ist.
Füchsin’s Kringel
Kringel als animiertes .svg im Hintergrund der Zeile Vorteile: wenig Geschwindigkeitsverlust (schlanker Code) kein z-index notwendig (Übersichtlicher im Pagebuilder) im Fall dass das css nicht geladen wird ist der Hintergrund einfach weiß Größe und Position können im css angepasst werden (Mobiloptimierung) Nachteile: Farben und Animationen der Kringel müssen einzeln im Quellcode jedes .svg geändert werden. …
metallic buttons
Gold button 1 Gold button 2 Lieber Matthias, metallische Effekte auf Buttons erreiche ich hier mit linearen Gradienten im Hintergrund. Der linke Button hat „nur“ 4 Farben: background: linear-gradient(180deg,#fea 10%,#dc8 40%,#a95 60%,#dc8 90%); Der rechte Button hat 6 Farben: background: linear-gradient(top, #a95, #f2f2f2 25%, #ffffff 38%, #c5c5c5 63%, #f7f7f7 87%, #a95); Er bräuchte vermutlich eine …
minimal
Effektmaximierung minimaler Fähigkeiten Ja, meine Fähigkeiten für coole Animationen sind noch ausbaufähig – aber wie sagt man so schön: „Es ist noch kein Meister vom Himmel gefallen“ Reload the page to see the animation (again). Hover over the animation to see the effect. Click here