Sosyal Medya Butonları (Win 8 Stili) CSS/HTML

'HTML - CSS - XML' forumunda DipnotWEB tarafından 24 Ağu 2017 tarihinde açılan konu

Bu Sayfayı Paylaş

  1. DipnotWEB

    DipnotWEB Üye Site Yetkilisi Administrator

    Katılım:
    21 Ağu 2017
    Mesaj:
    38
    Alınan Beğeniler:
    17
    Ödül Puanları:
    8
    Cinsiyet:
    Erkek
    Windows 8 Stili Sosyal Medya Butonları CSS/HTML
    Kod:
    .blur img {filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; border:0;}
    .blur:hover img {filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3;border:0;}
    Kod:
    <a class='blur' href='http://www.facebook.com/#' rel='nofollow' target='_blank'><img alt='facebook' border='0' height='40' src='http://icons.iconarchive.com/icons/danleech/simple/128/facebook-icon.png' width='40'/></a>
    <a class='blur' href='http://twitter.com/#' rel='nofollow' target='_blank'><img alt='twitter' border='0' height='41' src='http://icons.iconarchive.com/icons/danleech/simple/128/twitter-icon.png' width='40'/></a>
    <a class='blur' href='http://youtube.com/user/#' rel='nofollow' target='_blank'><img alt='youtube' border='0' height='40' src='http://icons.iconarchive.com/icons/danleech/simple/128/youtube-icon.png' width='40'/></a>
    <a class='blur' href='https://plus.google.com/#' rel='nofollow' target='_blank'><img alt='google+' border='0' height='40' src='http://icons.iconarchive.com/icons/danleech/simple/128/google-plus-icon.png' width='40'/></a>
    <a class='blur' href='http://feeds.feedburner.com/#' rel='nofollow' target='_blank'><img alt='feedburner' border='0' height='40' src='http://icons.iconarchive.com/icons/danleech/simple/128/rss-icon.png' width='40'/></a>

    Linkleri görebilmeniz için Üye Ol veya Giriş Yap !!!

     

Bu Sayfayı Paylaş