Background Warna CSS

Background Satu

#00CC33, #006633 25%, #006600 45%, #006633 85%, #00CC33

Kode CSS Background Satu

border:4px inset green;
-moz-border-radius:20px 20px 5px 5px ;
-webkit-border-radius:20px 20px 5px 5px;
-o-border-radius:20px 20px 5px 5px; 
background:#006633;
background:-moz-linear-gradient(left bottom, #00CC33, #006633 25%, #006600 45%, #006633 85%, #00CC33);
background:-webkit-linear-gradient(linear, center top, center bottom, from(#00CC33), color-stop(25%, #006633), color-stop(45%, #006600), color-stop(85%, #006633), to(#00CC33)); 
background:-o-linear-gradient(center top, #00CC33, #006633 25%, #006600 45%, #006633 85%, #00CC33);
background:-ms-linear-gradient(center top, #00CC33, #006633 25%, #006600 45%, #006633 85%, #00CC33);
background:-goog-ms-linear-gradient(center top, #00CC33, #006633 25%, #006600 45%, #006633 85%, #00CC33);
}

Background Dua

center top, MediumBlue, Navy 50%, DarkBlue 25%, Black 50%, MediumBlue

Kode CSS Background Dua

border:4px inset black;
-moz-border-radius:10px 10px 20px 20px;
-webkit-border-radius:10px 10px 20px 20px;
-o-border-radius:10px 10px 20px 20px;
background:#006633;
background:-moz-linear-gradient(center top, MediumBlue, Navy 50%, DarkBlue 25%, Black 50%, MediumBlue);
background:-webkit-linear-gradient(linear, center top, center bottom, from(MediumBlue), color-stop(50%, Navy), color-stop(25%, DarkBlue), color-stop(50%, Black), to(MediumBlue)); 
background:-o-linear-gradient(center top, MediumBlue, Navy 50%, DarkBlue 25%, Black 50%, MediumBlue);
background:-ms-linear-gradient(center top, MediumBlue, Navy 50%, DarkBlue 25%, Black 50%, MediumBlue);
background:-goog-ms-linear-gradient(center top, MediumBlue, Navy 50%, DarkBlue 25%, Black 50%, MediumBlue);
}

Background Tiga

DarkGreen, Teal 20%, DeepSkyBlue 85%, DarkTurquoise 50%, DarkGreen

Kode CSS Background Tiga

border:4px inset Teal;
-moz-border-radius:20px 5px 20px 5px;
-webkit-border-radius:20px 5px 20px 5px;
-o-border-radius:20px 5px 20px 5px;
-ms-radius:20px 5px 20px 5px;
-goog-ms-radius:20px 5px 20px 5px;
background:-moz-linear-gradient(center top, DarkGreen, Teal 20%, DeepSkyBlue 85%, DarkTurquoise 50%, DarkGreen);
background:-webkit-linear-gradient(center top, DarkGreen, Teal 20%, DeepSkyBlue 85%, DarkTurquoise 50%, DarkGreen);
background:-o-linear-gradient(center top, DarkGreen, Teal 20%, DeepSkyBlue 85%, DarkTurquoise 50%, DarkGreen);
background:-ms-linear-gradient(center top, DarkGreen, Teal 20%, DeepSkyBlue 85%, DarkTurquoise 50%, DarkGreen);
background:-goog-ms-linear-gradient(center top, DarkGreen, Teal 20%, DeepSkyBlue 85%, DarkTurquoise 50%, DarkGreen);

Background Empat

white, Black 69%, Blue 63%, Red 31%, white

Kode CSS Background Empat

border:4px inset white;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-ms-radius:5px;
-goog-ms-radius:5px;
background:-moz-linear-gradient(center top, white, Black 69%, Blue 63%, Red 31%, white);
background:-webkit-linear-gradient(linear, center top, center bottom, from(white), color-stop(69%, Black), color-stop(63%, Blue), color-stop(31%, Red), to(white));
background:-o-linear-gradient(center top, white, Black 69%, Blue 63%, Red 31%, white);
background:-ms-linear-gradient(center top, white, Black 69%, Blue 63%, Red 31%, white);
background:-goog-ms-linear-gradient(center top, white, Black 69%, Blue 63%, Red 31%, white);

Background Lima

white, MediumSpringGreen 69%, Lime 15%, SpringGreen 15%, white

Kode CSS Background Lima

border:4px inset Red;
-moz-border-radius:5px 10px;
-webkit-border-radius:5px 10px;
-o-border-radius:5px 10px;
-ms-radius:5px 10px;
-goog-ms-radius:5px 10px;
background:-moz-linear-gradient(left bottom, white, MediumSpringGreen 69%, Lime 15%, SpringGreen 15%, white);
background:-webkit-linear-gradient(left bottom, white, MediumSpringGreen 69%, Lime 15%, SpringGreen 15%, white);
background:-o-linear-gradient(left bottom, white, MediumSpringGreen 69%, Lime 15%, SpringGreen 15%, white);
background:-ms-linear-gradient(left bottom, white, MediumSpringGreen 69%, Lime 15%, SpringGreen 15%, white);
background:-goog-ms-linear-gradient(left bottom, white, MediumSpringGreen 69%, Lime 15%, SpringGreen 15%, white);

Background Enam

LightSlateGray, SkyBlue 69%, LawnGreen 25%, LightSkyBlue 65%, LightSlateGray

Kode CSS Background Enam

border:4px inset OliveDrab;
-moz-border-radius:5px 10px;
-webkit-border-radius:5px 10px;
-o-border-radius:5px 10px;
-ms-radius:5px 10px;
-goog-ms-radius:5px 10px;
background:-moz-linear-gradient(left bottom, LightSlateGray, SkyBlue 69%, LawnGreen 25%, LightSkyBlue  65%, LightSlateGray);
background:-webkit-linear-gradient(left bottom, LightSlateGray, SkyBlue 69%, LawnGreen 25%, LightSkyBlue  65%, LightSlateGray);
background:-o-linear-gradient(left bottom, LightSlateGray, SkyBlue 69%, LawnGreen 25%, LightSkyBlue  65%, LightSlateGray);
background:-ms-linear-gradient(left bottom, LightSlateGray, SkyBlue 69%, LawnGreen 25%, LightSkyBlue  65%, LightSlateGray);
background:-goog-ms-linear-gradient(left bottom, LightSlateGray, SkyBlue 69%, LawnGreen 25%, LightSkyBlue  65%, LightSlateGray);

Artikel Terkait

css tenribs

Arsip Blog

Game