Archiv für das Schlagwort html

[CSS3] Ein Timer mit „keyframes“

27. Mai 2011 / 7.532 Aufrufe / 1 Antwort

Mit „keyframes“ lassen sich tolle Sachen machen. Die Funktionsweise sowie einige Beispiele habe ich in diesem Artikel demonstriert. So habt ihr unter anderem die Möglichkeit den Hintergrund in einer bestimmten Zeitspanne in festgelegten Schritten zu verschieben. Und so kam mir die
Weiterlesen

[CSS3] Animationen mit „keyframes“

18. Mai 2011 / 15.971 Aufrufe / 2 Antworten

Hier kommt etwas für die Animationsfreunde unter euch. Mit dem CSS3-Befehl „keyframes“ steht euch ein mächtiges Werkzeug zur Seite, mit dem ihr anspruchsvolle und umfangreiche Animationen erstellen könnt. Aber gleich der Tritt auf die Spaßbremse: funktioniert aktuell nur mit Webkit-Browsern ala
Weiterlesen

[CSS3] Einen animierten Button erstellen

9. Mai 2011 / 6.471 Aufrufe / 2 Antworten

Vor einiger Zeit habe ich in diesem Artikel beschrieben, wie ihr einen feschen Button mit CSS-Code erstellt. Vielleicht sind euch die Buttons auf meiner Webseite schon aufgefallen. Auch diese basieren komplett auf CSS-Code. Wenn ihr mit der Maus über den
Weiterlesen

[CSS3] Bildergalerie erstellen

6. Mai 2011 / 23.672 Aufrufe / 14 Antworten

Auf der Suche nach einer Bildergalerie für deine Webseite? Dann hab ich hier vielleicht das was du suchst. Ich zeige hier Schritt für Schritt, wie ihr eine ansprechende Bildergalerie mit jeder Menge CSS3-Schnickschnack erstellen könnt. So werden wir folgende CSS3-Eigenschaften
Weiterlesen

[CSS3] Schatten mit „text-shadow“ und „box-shadow“

26. April 2011 / 11.872 Aufrufe / keine Antwort bisher

Wie der Name schon vermuten lässt, versieht die Eigenschaft „text-shadow“ Text mit einem Schlagschatten, „box-shadow“ dagegen, stellt Blockelemente mit einem Schlagschatten dar. Mit diesen neuen CSS3-Eigenschaften lassen sich viele lustige Dinge darstellen. Aber seht selbst…

[CSS3] Runde Ecken mit „border-radius“

10. April 2011 / 5.731 Aufrufe / keine Antwort bisher

Wollte man bisher Block-Elemente abrunden, musste man entweder zu Javascript greifen oder per background-Eigenschaft eine Bilddatei einbinden. Mit CSS3 kann man sich dieses Gewurschtel sparen und auf die Eigenschaft „border-radius“ zurückgreifen. Die Möglichkeiten sind vielfältig, sogar Kreise sind mit entsprechendem Code
Weiterlesen

[CSS3] Spielereien mit „transition“

10. April 2011 / 31.710 Aufrufe / 9 Antworten

Für mich eines der coolsten neuen CSS3-Features: die Eigenschaft „transition“. Damit erstellt ihr auf einfache Weise Animationen und Übergänge für HTML-Elemente, ohne das Javascript oder Flash-Animationen benötigt werden. Ich habe mal ein paar nette Beispiele zusammengestellt, die ihr euch auf der
Weiterlesen

[CSS3] Button-Styling

28. März 2011 / 7.150 Aufrufe / 4 Antworten

Boah, ist das aufregend: Buttons mit CSS3. Okay, vielleicht nicht aufregend aber doch für den ein oder anderen interessant. Den mit CSS3 gibt es geniale Möglichkeiten schicke Buttons mit reinem Code zu erzeugen und gänzlich auf Bilddateien oder Javascript zu verzichten.
Weiterlesen

[CSS3] Farbverläufe erzeugen mit „gradient“

19. März 2011 / 20.224 Aufrufe / keine Antwort bisher

Wer im Webdesign bisher Farbverläufe verwenden wollte, war auf Bilddateien angewiesen, die dem Element als Hintergrund zugewiesen wurden. Mit der Einführung von CSS3 gibt es nun einen einfacheren Weg. „Gradients“ (Farbverlauf) ist das Stichwort, ebenfalls eine tolle Neuerung durch CSS3. Ein
Weiterlesen

[HTML] Zwei Hintergrundbilder für deine Webseite

4. August 2010 / 4.128 Aufrufe / 1 Antwort

Immer mal wieder kommt der Wunsch nach zwei verschiedenen Hintergrundbildern für die eigene Webseite auf. Beispielsweise möchte man im Kopfbereich ein anderes Hintergrundbild als im Fußbereich. Der Webseitenhintergrund wird generell im body-Tag deklariert. Möchte man zwei Hintergründe, ist dies derzeit nur über Umwege
Weiterlesen