CSS'de Renk Geçişi (Gradient)

  • 5.143
  • 04 Temmuz 2013

Bu dersimizde CSS'de renk geçişini ele alacağız.

İyi Günler Arkadaşlar,

Bu dersimizde CSS'de renk geçişini ele alacağız.


Çalışmanın Çıktısı:



deneme.html dosyası


<!DOCTYPE HTML>

<html>

<head>

<link rel="stylesheet" href="style2.css"/>

    <title></title>

</head>

<body>

    <section id="genel">

    <div id="deneme"></div>

    </section>

</body>

</html>



style2.css dosyası

#genel {display:-webkit-box;

    -webkit-box-align:center;

    -webkit-box-orient:vertical;

}

#deneme{

    width: 100px;

    padding: 60px;

    margin: 50px;

    border: 3px solid black;

    background:-webkit-linear-gradient(left,blue,red,yellow);

    -webkit-border-radius:10px;

}

/* #genel icindeki display:-webkit-box;

    -webkit-box-align:center;

    -webkit-box-orient:vertical; kodları pozisyon Verme Kodlarıdır center:ortala vertical: dik siralama*/

    /* Renk Geçişi */

    /* -webkit-linear-gradient: renk geçişini sağlayan kod dur () içi  left:soldan değişmeye başla blue:önce mavi ol sonra red: kırmızıya  

    geç en son yellow: sarı ol ve bırak*/

    /* -webkit-border-radius:kenarları yuvarla*/



Yardımcı Olabilmişimdir İnşallah

  • Etiketler;
Emre KARA
Sanalkurs.net
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

Yukarı Git