foto html - css     . Cliparts - background ruit

Omschrijving   Voorbeeld

Een getekende ruitjesachtergrond. Gemaakt met css  
 

In de css

body {
background-color: #BDBDBD;
background-size: 42px 42px;
background-image:
-webkit-repeating-linear-gradient(45deg, rgba(140, 140, 140, .5), rgba(140, 140, 140, 1) 15px, transparent 1px, transparent 30px),
-webkit-repeating-linear-gradient(-45deg, rgba(140, 140, 140, .3), rgba(140, 140, 140, .5) 15px, transparent 1px, transparent 30px);
background-image:
-moz-repeating-linear-gradient(45deg, rgba(140, 140, 140, .5), rgba(140, 140, 140, 1) 15px, transparent 1px, transparent 30px),
-moz-repeating-linear-gradient(-45deg, rgba(140, 140, 140, .3), rgba(140, 140, 140, .5) 15px, transparent 1px, transparent 30px);
background-image:
-o-repeating-linear-gradient(45deg, rgba(140, 140, 140, .5), rgba(140, 140, 140, 1) 15px, transparent 1px, transparent 30px),
-o-repeating-linear-gradient(-45deg, rgba(140, 140, 140, .3), rgba(140, 140, 140, .5) 15px, transparent 1px, transparent 30px);
background-image:
repeating-linear-gradient(45deg, rgba(140, 140, 140, .5), rgba(140, 140, 140, 1) 15px, transparent 1px, transparent 30px),
repeating-linear-gradient(-45deg, rgba(140, 140, 140, .3), rgba(140, 140, 140, .5) 15px, transparent 1px, transparent 30px);
}

end
terug
home