Archiv für das Schlagwort css

[olivergast.de] Design Version 2

23. August 2011 / 4.266 Aufrufe / 1 Antwort

Nachdem das bisherige Design meiner Internetseite nun etwa 1 Jahr auf dem Buckel hat, dachte ich mir es ist mal wieder Zeit für einen Tapetenwechsel. Ab heute ist das neue Design am Start; ich hoffe es gefällt euch. Was hat sich
Weiterlesen

[CSS3] Spiegeln mit „box-reflect“

19. August 2011 / 11.111 Aufrufe / 1 Antwort

In diesem Artikel habe ich gezeigt, wie mittels des Grafikallrounders Gimp Bilder und Texte gespiegelt werden können. Wer gespiegelte Bilder im Webdesign oder als Webinhalt einsetzen möchte, kann sich diesen Umweg zukünftig sparen, denn Webkit-Browser können mittels „box-reflect“ ebenfalls Bilder
Weiterlesen

[CSS3] Ein Timer mit „keyframes“

27. Mai 2011 / 7.170 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.773 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.295 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

[WordPress] Veröffentlichten Artikel festpinnen (Sticky-Posts)

8. Mai 2011 / 7.843 Aufrufe / 7 Antworten

WordPress zeigt veröffentlichte Artikel standardmäßig in der Reihenfolge des Zeitpunktes ihrer Veröffentlichung an. Vielleicht habt ihr schon einmal den Wunsch verspürt einen für euch besonders wichtigen Artikel oben festzupinnen und dort zu halten, obwohl es neuere Artikel gibt. Diese Funktion nennt sich
Weiterlesen

[CSS3] Bildergalerie erstellen

6. Mai 2011 / 22.662 Aufrufe / 13 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.528 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.540 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.360 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.095 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