Smooth CSS3 Hover Effect Fade In/Out

Wie ihr o.g. bewerkstelligen könnt:

a {
-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }

Background 100% Bildschirmfüllend

Wie fülle ich eine Seite mit einem Hintergrundbild mit width: 100% und height: 100% vollständig aus, zentriert UND proportional?

Eine denkbar einfache Lösung bietet CSS3:

html {
        background: url(dein_pfad/dein_hintergrund.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’.dein_pfad/dein_hintergrund.jpg’, sizingMethod=’scale’);
-ms-filter: “progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’dein_pfad/dein_hintergrund.jpg’, sizingMethod=’scale’)”;
}

Funktioniert nur in aktuelleren Browsern.

Weiterlesen