folder Tahribat.com Forumları
linefolder Html - CSS - XML - JavaScript - Ajax
linefolder CSS Gradient Kullanımı



CSS Gradient Kullanımı

  1. KısayolKısayol reportŞikayet pmÖzel Mesaj
    scarletbeard
    scarletbeard's avatar
    Banlanmış Üye
    Kayıt Tarihi: 25/Mart/2011
    Erkek

    http://www.colorzilla.com/gradient-editor/

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+8,a3aab3+27,e9d5b3+40,e9d5b3+57,ff0000+85 */

    background: #000000; /* Old browsers */

    background: -moz-linear-gradient(left,  #000000 8%, #a3aab3 27%, #e9d5b3 40%, #e9d5b3 57%, #ff0000 85%); /* FF3.6-15 */

    background: -webkit-linear-gradient(left,  #000000 8%,#a3aab3 27%,#e9d5b3 40%,#e9d5b3 57%,#ff0000 85%); /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to right,  #000000 8%,#a3aab3 27%,#e9d5b3 40%,#e9d5b3 57%,#ff0000 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ff0000',GradientType=1 ); /* IE6-9 */

     

    Html Siteye Bir Gradient Kullanmam gerekiyor.

    iki sekilde

    İlk olarak birincisi:

    Uzun yazi var Paragraf yazi baştan Siyah ile başlayip sona dogru kartelanın renk sirasina göre renk değişerek ilerleyecek sekilde bir yazı olusturmak istiyorum bilgisi olan varmi ?

     

    İkincisi ise :

    Siyah ile başlayip metalik gri ile devam edip altin renginden sonra kırmızı rengi ile bitiş yapacak.  Yazının başından sonuna yazının uzunluguna göre kendisi ayarlayacak 

    Photoshoptaki Gradient Kullanımı gibi. 

     

    Nasıl yapabilirim.

    scarletbeard tarafından 06/Ara/16 18:04 tarihinde düzenlenmiştir
    Reply With Quote Alıntı yap
  2. KısayolKısayol reportŞikayet pmÖzel Mesaj
    ayhun
    ayhun's avatar
    Kayıt Tarihi: 21/Temmuz/2005
    Erkek

    http://shpargalkablog.ru/2013/11/gradient-text.html hocam burda ornekler var herald istedigin soldan saga dogru yapmak buradaki kodlari kurcalayarak yapabilirsin saniyorum

    edit:asagidaki link senin ilacin

     

     

    http://www.artlebedev.ru/tools/technogrette/js/gradient-text/

    ayhun tarafından 06/Ara/16 18:56 tarihinde düzenlenmiştir
    delimiyim ben?
    Reply With Quote Alıntı yap
  3. KısayolKısayol reportŞikayet pmÖzel Mesaj
    scarletbeard
    scarletbeard's avatar
    Banlanmış Üye
    Kayıt Tarihi: 25/Mart/2011
    Erkek
    ayhun bunu yazdı

    http://shpargalkablog.ru/2013/11/gradient-text.html hocam burda ornekler var herald istedigin soldan saga dogru yapmak buradaki kodlari kurcalayarak yapabilirsin saniyorum

    edit:asagidaki link senin ilacin

     

     

    http://www.artlebedev.ru/tools/technogrette/js/gradient-text/

    Super cok tsk ederim.

    Reply With Quote Alıntı yap
  4. KısayolKısayol reportŞikayet pmÖzel Mesaj
    sezeruludag
    sezeruludag's avatar
    Kayıt Tarihi: 22/Ağustos/2011
    Erkek

    Şuradaki yazdığıma bak sanırım böyle bişi istiyorsun ? 

    https://jsfiddle.net/30wL5jbj/

    Hatasız Kod Olmaz... :)
    Reply With Quote Alıntı yap
  5. KısayolKısayol reportŞikayet pmÖzel Mesaj
    scarletbeard
    scarletbeard's avatar
    Banlanmış Üye
    Kayıt Tarihi: 25/Mart/2011
    Erkek
    sezeruludag bunu yazdı

    Şuradaki yazdığıma bak sanırım böyle bişi istiyorsun ? 

    https://jsfiddle.net/30wL5jbj/

    Evet bu tarjda tsk ederim

    Reply With Quote Alıntı yap
Toplam Hit: 685 Toplam Mesaj: 5
css