5202

ein Blog über technische Fragen zu Blogger

Texte 'smooth' ausblenden

von
Für's Wochenende eine kleine, sehr subtile Idee, die sich aus der Frage einer Leserin ergeben hat - wie kann man den Blog 'smooth' mit einem Gradienten abschließen?

Könnt ihr euch nichts darunter vorstellen, schaut euch die Demo an -der Text wird am unteren Ende sanft 'ausgeblendet' :)!

Wie wird's gemacht?

Für so etwas braucht ihr kein irres Javascript Script - ein simples .png mit Gradient von oben (ganz 'durchsichtig') bis unten (ganz 'undurchsichtig') reicht dafür aus.

In meinem Beispiel ist diese Grafikdatei 'weiß'(#ffffff), was natürlich bei einem weißen Blog-Hintergrund den besten Effekt ergibt - für andere Blog-Hintergründe müsst ihr euch eure eigenen .png Dateien basteln.

Wenn ihr die Datei habt, könnt ihr sie mit dieser CSS verwenden:
body:after {
background: url(http://goo.gl/ZARLP) repeat-x 0 0;
bottom: 0 !important;
content: "";
height: 50px;
left: 0;
right: 0;
position: fixed;
z-index: 10;
}
Funktioniert in allem Blogger Vorlagen - in Simple 'Weiß' schaut der Effekt natürlich am besten aus.

Anmerkungen

Wenn's euch gefällt - ihr dürft gerne was dazu sagen :)!