Code
03 Kasım 2015, 22:47
Saygılar,
Windows 8 Stili Sosyal Medya Butonları CSS/HTML
.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;}
<a class='blur' href='[Only Registered Users Can See Links]' rel='nofollow' target='_blank'><img alt='facebook' border='0' height='40' src='[Only Registered Users Can See Links]' width='40'/></a>
<a class='blur' href='[Only Registered Users Can See Links]' rel='nofollow' target='_blank'><img alt='twitter' border='0' height='41' src='[Only Registered Users Can See Links]' width='40'/></a>
<a class='blur' href='[Only Registered Users Can See Links]' rel='nofollow' target='_blank'><img alt='youtube' border='0' height='40' src='[Only Registered Users Can See Links]' width='40'/></a>
<a class='blur' href='[Only Registered Users Can See Links]' rel='nofollow' target='_blank'><img alt='google+' border='0' height='40' src='[Only Registered Users Can See Links]' width='40'/></a>
<a class='blur' href='[Only Registered Users Can See Links]' rel='nofollow' target='_blank'><img alt='feedburner' border='0' height='40' src='[Only Registered Users Can See Links]' width='40'/></a>
Demo ([Only Registered Users Can See Links])
Kaynak: #cssbeyin ([Only Registered Users Can See Links])
Windows 8 Stili Sosyal Medya Butonları CSS/HTML
.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;}
<a class='blur' href='[Only Registered Users Can See Links]' rel='nofollow' target='_blank'><img alt='facebook' border='0' height='40' src='[Only Registered Users Can See Links]' width='40'/></a>
<a class='blur' href='[Only Registered Users Can See Links]' rel='nofollow' target='_blank'><img alt='twitter' border='0' height='41' src='[Only Registered Users Can See Links]' width='40'/></a>
<a class='blur' href='[Only Registered Users Can See Links]' rel='nofollow' target='_blank'><img alt='youtube' border='0' height='40' src='[Only Registered Users Can See Links]' width='40'/></a>
<a class='blur' href='[Only Registered Users Can See Links]' rel='nofollow' target='_blank'><img alt='google+' border='0' height='40' src='[Only Registered Users Can See Links]' width='40'/></a>
<a class='blur' href='[Only Registered Users Can See Links]' rel='nofollow' target='_blank'><img alt='feedburner' border='0' height='40' src='[Only Registered Users Can See Links]' width='40'/></a>
Demo ([Only Registered Users Can See Links])
Kaynak: #cssbeyin ([Only Registered Users Can See Links])