Erweiterte Rahmen mit CSS3 – border-image – ein Gastbeitrag auf t3n.de

Mit CSS3 wurden viele Webdesign-Träume wahr. Angefangen bei box-shadow für Schlagschatten, hört die lange Liste von neuen CSS-Eigenschaften auch nicht bei border-radius für runde Ecken auf. Eine weitere neue Eigenschaft, die ich erst vor kurzem entdeckte, die mir aber so hilfreich war wie keine zweite, ist die Eigenschaft border-image. Wie der Name schon vermuten lässt, kann man damit ganze Bilder als Rahmen definieren. weiterlesen…

Bricked In – ein Texteffekt mit Ziegeln und Masken

In diesem Artikel geht es um einen Texteffekt, den ich neulich auf einem Plakat für den Film »Chaos« gesehen habe. Der Effekt hat mich dazu inspiriert, ein wenig mit Texturen und Masken zu experimentieren, das Ergebnis möchte ich euch in diesem Artikel zeigen.

Zwei Texturen als Basis

Den Anfang machen zwei Texturen, die man bei RGBStock downloaden kann. Wir brauchen zum einen eine Ziegelsteinmauer und zum anderen eine verputzte Mauer. Aus diesen werden wir später die Textur für den Text zusammenstellen. weiterlesen…

CSS3-Suchfeld – ein Gastartikel auf daswebdesignblog

Anfang der Woche konntet ihr es schon bei Twitter lesen, jetzt ist es so weit! Bei daswebdesignblog ist jetzt ein Artikel von mir zu lesen. Hier ein Auszug:

CSS3-Suchfeld – Verläufe und runde Ecken

Es ist nicht lange her, da habe ich für ein Suchfeld eine riesige Grafik erstellt und dann mit CSS das Suchfeld und den Submit-Button über die Grafik gelegt – alles sehr kompliziert.

Wieder einmal kann ich nur bewundern, wie schön die Web-Welt doch mit CSS3 geworden ist. Für das gleiche Suchfeld reichen jetzt ein paar Zeilen CSS und ein kleines Icon. weiterlesen…

Facetteneffekt in Photoshop erstellen

In diesem Beitrag erstelle ich einen einfachen und schnellen Facetteneffekt, den man zum Beispiel für einen interessanten Hintergrund verwenden kann, in Photoshop. weiterlesen…