Onglets-réseaux-sociaux

/*---------- Onglets Sociaux ------------*/ #ong-soc { position:fixed; right:0px; top:50px; width:60px; height:160px; } #ong-soc img { position:relative; top:0%; left:60%; width:50px; height:50px; transition: 1s; -moz-transition: 1s; /* Firefox 4 */ -webkit-transition: 1s; /* Safari and Chrome */ -o-transition: 1s; /* Opera */ opacity:0.5; transform:rotate(270deg); -ms-transform:rotate(270deg); /* IE 9 */ -moz-transform:rotate(270deg); /* Firefox */ -webkit-transform:rotate(270deg); /* Safari and Chrome */ -o-transform:rotate(270deg); /* Opera */ box-shadow:none; } #ong-soc img:hover { position:relative; top:0%; left:25%; transition: .5s; -moz-transition: .5s; /* Firefox 4 */ -webkit-transition: .5s; /* Safari and Chrome */ -o-transition: .5s; /* Opera */ opacity: 1; }

<div id="ong-soc"> <a href="#"> <img src="http://ekladata.com/tqwTy0TP-k4N8d6L_UT287Fg70k/twitter-carre-icone-icone-9874-48.png" alt="" /> </a> <a href="#"> <img src="http://ekladata.com/X8YdQhUs-dND0WBCImrzR909Xxo/rss-picto-carre-03-icone-5926-48.png" alt="" /> </a> <a href="#"><img src="http://ekladata.com/WyI3ujwEXTHuzT0kmrTu-etgyxw/facebook-icone-8470-48.png" alt="" /> </a> <a href="http://validator.w3.org/check?uri=referer" target="_blank"> <img style="border-radius: 5px;" src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" /> </a> </div>