logo

Bootstrap 4 alpha

Mega Menue Sidebar

css3area


CSSW3 Background-Size

In der folgende Box sehen Sie eine Hintergrundgrafik, unten rechts, die eine ursprüngliche Größe von 657 auf 657 Pixel hat und auf 129 x 129 Pixel von der Größe her herunterreduziert wurde via CSS3.

 

Es handelt sich hierbei im übrigen um das offizielle Logo für HTML5 herausgegeben vom w3c-Konsortium

Ich bin ein CSS3 Hintergrundbild

 


#my_CSS3_id {
background-image: url(http://web-complett.de/html5_css3/responsive/images/html5_logo_origin.png);
background-repeat: no-repeat,
                   no-repeat,
                   no-repeat;

background-position: bottom right,
                     left,
                     right;
}

 

Multiple Background Images

Natürlich ist es auch möglich mehrere Hintergrundgrafiken via CSS3 einzubetten die mit Komma "," getrennt werden.

Wir sind zwei CSS3 Hintergrundbilder

 


#my_CSS3_id {
background:url(http://web-complett.de/html5_css3/responsive/images/html5_logo_origin_small.png) 
           top left no-repeat, 
           url(http://web-complett.de/html5_css3/responsive/images/html5_logo_black.png) 
		   bottom left no-repeat, 
           url(http://web-complett.de/html5_css3/responsive/images/html5_future_web.png) 
		   bottom right no-repeat;
}

Leider funktioniert die Image-Zuweisung nicht über relative Pfade.

Tags

HTML5 META Artikel Doctype Header Footer