Admin Je suis le Maître à bord
Date d'inscription : 26/02/2015 Messages : 27
| Sujet: profil Sam 4 Avr - 19:20 | |
| avatar qui saute derrière le profil CSS - Code:
-
.autour_profil { margin-bottom: 10px; position: relative; width: 220px; height: 340px;
} .autour_profil .avatar_profil { position: absolute; z-index: 2; top: 0px; left: 0px; margin-top: 0px; background-color: #C7DEEF; box-shadow: inset 0px 0px 10px #98BDD9; padding: 10px; border-radius: 10px; color: #45759A; width: 200px; height: 320px; transition: z-index 0s 0.5s, top 0.5s 0.5s, left 0.5s 0.5s, margin-top 0.5s; -webkit-transition: z-index 0s 0.5s, top 0.5s 0.5s, left 0.5s 0.5s, margin-top 0.5s; }
.autour_profil .avatar_profil img { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;}
.interieur_profil { z-index: 1; position: absolute; width: 200px; height: 320px; background-color: #FFEBAE; box-shadow: inset 0px 0px 10px #EFCC61; padding: 10px; margin:auto; border-radius: 10px; color: #EFB361; transition: z-index 0s 0.5s; -webkit-transition: z-index 0s 0.5s;
}
.autour_profil:hover .avatar_profil { z-index: 1; top: -100px; left: -20px; margin-top: 90px; transition: z-index 0s 0.5s, top 0.5s, left 0.5s, margin-top 0.5s 0.5s; -webkit-transition: z-index 0s 0.5s, top 0.5s, left 0.5s, margin-top 0.5s 0.5s; }
.autour_profil:hover .interieur_profil { z-index:2 } |
|