4 BlickWinkel

Guten Morgen Deutschland...

  • fensterregen
  • fensterregen0
  • fensterregen1
  • fensterregen2

Bilder-Styles mit CSS3

 

10Bilder werden oft für grafische Effekte innerhalb von Beiträgen benutzt. Dazu ist es notwendig die Bilder vorher in das richtige Format zu bringen. Doch manches mal fehlt der richtige Effekt, um den Beitrag aufzupeppen.

Um hier etwas nachzuhelfen, hilft uns etwas CSS. Bilder gerade neben den Text zu positionieren ist natürlich keine große Sache. Das kann im Grunde jeder. Bilder aber mit einem Rahmen und etwas schräg positionieren, dass ist schon etwas anderes.

Im Normalfall macht man so etwas mit einem Grafikprogramm. Bilder hier in den richtigen Winkel zu bringen (Rotation) und einen kleinen, ansprechenden Rahmen setzen ist keine große Hürde. Man muss aber dazu das Originalbild laden und verändern. Nach der Änderung muss es als neues Bild wieder in den Webspace geladen werden. Das belastet aber enorm das Datenvolumen.

Und das wollen wir nicht. Wir wollen nur mit dem Originalbild arbeiten und keine weiteren grafischen Änderungen vornehmen. Wir nutzen also für Rahmen und Rotation einfach nur CSS3.

86

Noch besser sieht diese Gestaltung aus, wenn man unterschiedliche CSS-Möglichkeiten miteinander kombiniert. Dazu sucht man sich 2 geeignete Bilder und setzt diese nebeneinander.
Etwas gefärbter Rahmen und ein wenig Rotation - fertig!

Wenn man möchte, kann man natürlich auch noch einen Link auf das Bild setzen, so dass wir wieder zu jeder beliebigen Seite springen können.

Bil­der­ga­le­rie

36
54

Af­fen­wet­ter
Klet­ter­wet­ter

Heu­te
ha­be ich kopf­weh

 zur Hauptseite