23 posts
Du möchtest sehen, was sich mit den neuen CSS3-Funktionen so alles anstellen lässt? Da CSS3 Transitions, Box- und Text Shadows, oder die praktischen RGBa-Farbwerte die Webdesign-Welt derzeit im Sturm erobern, wird es Zeit sich die neusten Trends einmal genauer anzuschauen. Hier eine kleine Zusammenstellung der schicksten CSS3-Effekte :-) 1. Animationen und Effekte mit CSS3-Transitions 1.1.…
Um dir den Einstieg in die neuen CSS3-Eigenschaften zu erleichtern, sind diese praktischen Online-Tools eine wahre Hilfe. So kannst du zum Beispiel mit Leichtigkeit CSS3-Buttons erstellen, mit CSS3-Verläufen spielen oder neue Schriften mit @font-face einbetten. Außerdem kannst du mit den Tools testen, welche Browser deine neu eingebauten Features bereits unterstützen. Das hört sich für dich…
Bisher war es üblich transparente PNGs zu verwenden, um transparente Flächen oder Hintergründe darzustellen. Das bedeutet man muss mühselig die transparenten Bilder in Photoshop vorbereiten, um sie dann im CSS Style Sheet aufzurufen. Mit der praktischen CSS3-Funktion »RGBA« kannst du ganz einfach transparente Hintergrundfarben, Rahmen, Schriften und sogar Schatten erzeugen.
Um einen Hintergrund-Verlauf (gradient) mit CSS3 umzusetzen, musst du derzeit für Webkit (Safari, Chrome) und Mozilla (Firefox) noch unterschiedlichen CSS-Code nutzen. Da Internet Explorer und Opera derzeit leider noch keine CSS3 Verläufe unterstützen, kannst du für diese Browser entweder eine alternative Hintergrund-Farbe wählen, oder wie gewohnt ein JPG-Image als Verlauf einsetzen.
Schatteneffekte sind eine sehr beliebte und elegante Möglichkeit, um deinem Webdesign aufzupeppen. Eine einfache und gängige Methode, um einen solchen Schattenwurf zu programmieren, ist ein Jquery Javascript-Plugin zu verwenden.