Jawn
she/her mais n'importe quel pronom fera l'affaire - codeuse - accro à Genshin Impact - vive les fleurs et la nature - créditez les codes
73627/01/2018
![[TOP SITES] 58LVQeI](https://i.imgur.com/58LVQeI.png)
CSS :
- Code:
.topmilieu {
text-align:center;
}
.navii1 {
background-color: rgba(0, 0, 0, 0);
width: 50px;
position:abspolute;
display:inline-block;
margin:5px;
}
.navii1 img {
width:50px;
height:50px;
border-radius:50%;
}
.navii1 div {
font: bold 12px Roboto;
text-transform: uppercase;
line-height: 12px;
padding: 10px;
width:50px;
height:50px;
font-size:0px;
text-align:center;
border-radius:50%;
float: left;
margin: 0px 7px 7px 0px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition:all 800ms;
position:absolute;
}
.navii1 div:hover {
filter: contrast(200%);
color:black;
transition:all 800ms;
text-align:center;
font-size:12px;
}
HTML :
- Code:
<div class="topmilieu">
<!-- TOP SITE 1 --><div class="navii1"><img src="https://i.imgur.com/DAdEhDK.png" alt="url"/><a href="/" target="_blank"><div>v</div></a></div>
<!-- TOP SITE 2--><div class="navii1"><img src="https://i.imgur.com/T1Wyaz8.png" alt="url"/><a href="/" target="_blank"><div>o</div></a></div>
<!-- TOP SITE 3 --><div class="navii1"><img src="https://i.imgur.com/DAdEhDK.png" alt="url"/><a href="/" target="_blank"><div>t</div></a></div>
<!-- TOP SITE 4 --><div class="navii1"><img src="https://i.imgur.com/T1Wyaz8.png" alt="url"/><a href="/" target="_blank"><div>e</div></a></div>
</div>
![[TOP SITES] Empty](https://2img.net/i/empty.gif)
# [TOP SITES] - Lun 17 Déc - 3:36Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum|
|
|
