Les Sprite CSS ... la galère
Page 1 sur 1
Les Sprite CSS ... la galère
Bonjour à tous j’espère que vous avez passez un bon week-end... et oui c'est déjà la fin.
J'ai pas mal avancé sur la maquette Wonder et je suis bloqué au sprite css. Rien ne s'affiche...
Je vous colle le code si vous voyez quelque chose qui ne vas pas faite moi signe. merci
.social-icon li {
display: inline-block;
width: 50px;
height: 50px;
background: url(img/social-icon.png) no-repeat;
}
.icone1 {
background-position: left top;
}
.icone2 {
background-position: 25% top;
}
.icone3 {
background-position: 50% top;
}
.icone4 {
background-position: right top;
}
.icone1:hover {
background-position: left bottom;
}
.icone2:hover {
background-position: 25% bottom;
}
.icone3:hover {
background-position: 50% bottom;
}
.icone4:hover {
background-position: right bottom;
}
J'ai pas mal avancé sur la maquette Wonder et je suis bloqué au sprite css. Rien ne s'affiche...
Je vous colle le code si vous voyez quelque chose qui ne vas pas faite moi signe. merci
.social-icon li {
display: inline-block;
width: 50px;
height: 50px;
background: url(img/social-icon.png) no-repeat;
}
.icone1 {
background-position: left top;
}
.icone2 {
background-position: 25% top;
}
.icone3 {
background-position: 50% top;
}
.icone4 {
background-position: right top;
}
.icone1:hover {
background-position: left bottom;
}
.icone2:hover {
background-position: 25% bottom;
}
.icone3:hover {
background-position: 50% bottom;
}
.icone4:hover {
background-position: right bottom;
}
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum