Reseaux sociaux

Reseaux sociaux

<style> .RS { width: 310px; margin: 0 auto; text-align: center; padding: 7% 0; clear: both; } #section-reseaux-sociaux h3 { font-size: 2em; background-color: #666; -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; /*color: transparent;*/ text-shadow: rgba(255,255,255,0.5) 0px 2px 2px; margin-bottom: .1em; } #section-reseaux-sociaux h3::selection { text-shadow:none; } #section-reseaux-sociaux .ease-all{ -webkit-transition: all 700ms ease-in-out; -moz-transition: all 700ms ease-in-out; -o-transition: all 700ms ease-in-out; -ms-transition: all 700ms ease-in-out; transition: all 700ms ease-in-out; } #section-reseaux-sociaux .social{ list-style-type: none; margin: 0; padding: 0; text-align: center; } #section-reseaux-sociaux .social li a{ display: inline-block; float: left; width: 70px; height: 70px; margin-right: 1em; padding-top: 20px; text-align: center; font-size: 2em; -webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; -ms-border-radius:30px; border-radius:40px; /*background-color: #3c3c3c;*/ -webkit-box-shadow: inset 0 0 0 40px #3c3c3c; -moz-box-shadow: inset 0 0 0 40px #3c3c3c; -o-box-shadow: inset 0 0 0 40px #3c3c3c; -ms-box-shadow: inset 0 0 0 40px #3c3c3c; box-shadow: inset 0 0 0 40px #3c3c3c; color: #fff; } #section-reseaux-sociaux .social li a:hover{ -webkit-box-shadow: inset 0 0 0 5px #3c3c3c; -moz-box-shadow: inset 0 0 0 5px #3c3c3c; -o-box-shadow: inset 0 0 0 5px #3c3c3c; -ms-box-shadow: inset 0 0 0 5px #3c3c3c; box-shadow: inset 0 0 0 5px #3c3c3c; color: #3c3c3c; } #section-reseaux-sociaux .social li .facebook { -webkit-box-shadow: inset 0 0 0 40px #3a579; -moz-box-shadow: inset 0 0 0 40px #3a579; -o-box-shadow: inset 0 0 0 40px #3a579; -ms-box-shadow: inset 0 0 0 40px #3a5795; box-shadow: inset 0 0 0 40px #3a5795; } #section-reseaux-sociaux .social li .facebook:hover { -webkit-box-shadow: inset 0 0 0 5px #3a5795; -moz-box-shadow: inset 0 0 0 5px #3a5795; -o-box-shadow: inset 0 0 0 5px #3a5795; -ms-box-shadow: inset 0 0 0 5px #3a5795; box-shadow: inset 0 0 0 5px #3a5795; color: #3a5795; } #section-reseaux-sociaux .social li .googleplus { -webkit-box-shadow: inset 0 0 0 40px #DD4B39; -moz-box-shadow: inset 0 0 0 40px #DD4B39; -o-box-shadow: inset 0 0 0 40px #DD4B39; -ms-box-shadow: inset 0 0 0 40px #DD4B39; box-shadow: inset 0 0 0 40px #DD4B39; } #section-reseaux-sociaux .social li .googleplus:hover { -webkit-box-shadow: inset 0 0 0 5px #DD4B39; -moz-box-shadow: inset 0 0 0 5px #DD4B39; -o-box-shadow: inset 0 0 0 5px #DD4B39; -ms-box-shadow: inset 0 0 0 5px #DD4B39; box-shadow: inset 0 0 0 5px #DD4B39; color: #DD4B39; } #section-reseaux-sociaux .social li .youtube { -webkit-box-shadow: inset 0 0 0 40px #CD201F; -moz-box-shadow: inset 0 0 0 40px #CD201F; -o-box-shadow: inset 0 0 0 40px #CD201F; -ms-box-shadow: inset 0 0 0 40px #CD201F; box-shadow: inset 0 0 0 40px #CD201F; } #section-reseaux-sociaux .social li .youtube:hover { -webkit-box-shadow: inset 0 0 0 5px #CD201F; -moz-box-shadow: inset 0 0 0 5px #CD201F; -o-box-shadow: inset 0 0 0 5px #CD201F; -ms-box-shadow: inset 0 0 0 5px #CD201F; box-shadow: inset 0 0 0 5px #CD201F; color: #CD201F; } #section-reseaux-sociaux .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } </style> <div class="RS"> <h2>Suivez-nous sur</h2> <br/> <ul class="social"> <li><a class="ease-all facebook" href="https://www.facebook.com/suaps.nice/"><i class="fa fa-facebook"></i><span class="visuallyhidden">Facebook</span></a></li> <li><a class="ease-all youtube" href="https://www.youtube.com/c/SUAPSUNICE"><i class="fa fa-youtube"></i><span class="visuallyhidden">Youtube</span></a></li> <li><a class="ease-all instagram" href="https://www.instagram.com/univ_cotedazur/"><i class="fa fa-instagram"></i><span class="visuallyhidden">Instagram</span></a></li> </ul> </div>
Contenus

Il n'y a aucun élément dans ce dossier pour l'instant.