CSS 3

Wie bereits in früheren Post erwähnt, kann man, seit es CSS3 gibt, viele Effekte auch ohne Javascript Kenntnisse erstellen.
Eigentlich braucht ihr noch nicht mal CSS Kenntnisse! Denn im Internet werden jede Menge online Generatoren bereitgestellt. Auf diesen Seiten könnt ihr euch einfach alles zusammen klicken. Cool oder?
Das schafft wirklich jeder ;D

Der css3generator.com kann nicht nur, wie auf dem Bild zu sehen ist, euch den Quelltext für einen Text Schatten ausgeben, sondern auch Rundungen, Spalten, Boxen, coole Hover Effekte (z.B. Transitions (Übergänge) und mehr generieren. Am besten ihr spielt einfach mal mit den verschieden Eigenschaften und Möglichkeiten rum. In einer Vorschau rechts könnt ihr immer beobachten, wie sich die jeweilige Eigenschaft und eure Einstellungen verhalten. Wenn es euch gefällt, könnt ihr dann einfach den Code links kopieren und auf eure Page einfügen.

---

Auf css3.me könnt ihr eine Box gestalten. Wählt die Hintergrundfarbe, die Rahmenfarbe, die Breite des Box den Schatten aus und schaut, wie die Box dann aussieht. Ihr könnt auch einen Verlauf erstellen und auswählen, ob die Box transparent sein soll. Ist die Box so wie ihr es wollt, könnt ihr einfach auf "Get the Code!" klicken und schon wird euch der Code für eure Box angezeigt. Diesen könnt ihr dann einfach auf eure Website kopieren.

---

Auch mit css3generator.de könnt ihr euch, wie auf der .com Seite,  den Code für Boxen mit runden Ecken, Verläufe, Schatten,  Rotationen, Spalten und mehr generieren lassen. Hier könnt ihr zu beginn einfach eine Eigenschaft anklicken und dann nach euren Bedürfnissen anpassen. Den Code findet ihr dann direkt unter der Vorschau und könnt ihn ganz einfach auf eurer Page einfügen.

---

Einer meiner persönlichen Lieblings Seiten ist Css3maker. Die Seite sieht nicht nur cool aus, sondern ist auch übersichtlich und kann alles generieren, was CSS3 zu bieten hat. Das heißt, ihr könnt Schatten erzeugen, Texte rotieren lassen, Rundungen erstellen, Übergänge erstellen und mehr. Dabei könnt ihr live in einer Vorschau eure Veränderungen bewundern. Unter der Vorschau steht dann auch gleich, für welche Browser dieser Effekt ausgelegt ist. Auch hier könnt ihr rechts den Code einfach kopieren, oder euch einfach downloaden.






Auf dieses tolle Thema hat mich übrigens die kleine Yuki aufmerksam gemacht :) Daaanke süße :*
Danke auch für die vielen tollen Vorschläge und Kommentare bei meinem Post von letzen Samstag! Es waren wirklich tolle Ideen dabei und ich werde sie auf jeden Fall berücksichtigen!