12 Mei 2012

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);

2 komentar:

  1. permaenannya gradient euy...ck ck ck :d

    BalasHapus
    Balasan
    1. hahahahaha...,

      hatur nuhun A atas kunjungannya

      Hapus