0
Kayıt Ol

Merhabalar Böyle butonları nasıl yapabilirm

12

●

471

  • 05-02-2018, 19:18:07
    #10
    emrecanyk
    emrecanyk
    resmi ekleyin ve class atayın
    <a href="#"><img class="resim" src="adres" title="" alt=""/></a>
    ben bu resme resim clasını atadım style dosyanızdanda şu kodları verin
    img.resim {border-radius:10px;}
    img.resim:hover {border-radius:0px;}
  • 05-02-2018, 20:30:10
    #11
    Onur89TR
    Onur89TR
    emrecanyk adlı üyeden alıntı: mesajı görüntüle
    resmi ekleyin ve class atayın
    <a href=&quot;#&quot;><img class=&quot;resim&quot; src=&quot;adres&quot; title=&quot;&quot; alt=&quot;&quot;/></a>
    ben bu resme resim clasını atadım style dosyanızdanda şu kodları verin
    img.resim {border-radius:10px;}
    img.resim:hover {border-radius:0px;}
    Bu kod animasyonlu olmaz yalnız dostum. transition kullanılmalı burada.



    <a class="resim"  href="#"><img src="adres" title="" alt=""/></a>
    a.resim img { background-image: url("resimyolu.jpg"); background-repeat: no-repeat; background-size: cover; width: 285px; height: 95px; transition: all .5s; border-radius: 30px; } a.resim img:hover { border-radius: 0px; opacity: .5; }
    Gibi gibi...
  • 05-02-2018, 20:38:09
    #12
    emrecanyk
    emrecanyk
    Onur89TR adlı üyeden alıntı: mesajı görüntüle
    Bu kod animasyonlu olmaz yalnız dostum. transition kullanılmalı burada.



    <a class="resim"  href="#"><img src="adres" title="" alt=""/></a>
    a.resim img { background-image: url("resimyolu.jpg"); background-repeat: no-repeat; background-size: cover; width: 285px; height: 95px; transition: all .5s; border-radius: 30px; } a.resim img:hover { border-radius: 0px; opacity: .5; }
    Gibi gibi...
    Bilgi için teşekkürler umarım arkadaşımızın işine yarar.
  • 05-02-2018, 23:59:02
    #13
    recepsukut
    recepsukut
    Kimlik doğrulama veya yönetimden onay bekliyor.
    çok teşekkür ederim işime çok yaradı verdiğiniz bilgi çok sağ olun