epsilon
forum de libre service de codage,
aucune inscription
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Le deal à ne pas rater :
Manga Fire Force : une jaquette Collector pour le Tome 32 de Fire ...
Voir le deal

[TOP SITES]
 :: “Excellent! I cried. “Elementary,” said he ☆ :: Divers
Jawn
Jawn
The relations between us in those latter days were peculiar.
The relations between us in those latter days were peculiar.
# [TOP SITES] - Lun 17 Déc - 3:36
[TOP SITES] 58LVQeI

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://imgur.com/DAdEhDK.png" alt="url"/><a href="/" target="_blank"><div>v</div></a></div>
<!-- TOP SITE 2--><div class="navii1"><img src="https://imgur.com/T1Wyaz8.png" alt="url"/><a href="/" target="_blank"><div>o</div></a></div>
<!-- TOP SITE 3 --><div class="navii1"><img src="https://imgur.com/DAdEhDK.png" alt="url"/><a href="/" target="_blank"><div>t</div></a></div>
<!-- TOP SITE 4 --><div class="navii1"><img src="https://imgur.com/T1Wyaz8.png" alt="url"/><a href="/" target="_blank"><div>e</div></a></div>
</div>
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum