Partagez | .
 

 Infobulle transparente

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage

avatar

Out of myself


Messages : 46
Date d'inscription : 24/07/2013



MessageSujet: Infobulle transparente   Mer 28 Aoû - 20:26

CSS :
Code:
a{
     color:#ccc;
     text-shadow:0 -1px 0 black;                
}

a span{
     position:absolute;
     margin-top:23px;
     margin-left:-35px;
     color:#09c;
     background:rgba(0,0,0,.9);
     padding:15px;
     border-radius:3px;
     box-shadow:0 0 2px rgba(0,0,0,.5);
     transform:scale(0) rotate(-12deg);
     transition:all .25s;
     opacity:0;

}

a:hover,a:focus{
     background:rgba(0,0,0,.4);
     box-shadow:0 1px 0 rgba(255,255,255,.4);
}

a:hover span, a:focus span{
     transform:scale(1) rotate(0);
     opacity:1;
}
HTML :
Code:
<a href="#">Hover Me!
          <span>I'm a popup...</span>
     </a>
Rendu :

Hover Me!
I'm a popup...
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://espaceperso.danskforum.net
 

Infobulle transparente

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Affichier une infobulle au pointage d'un contrôle
» Zorg infobulle
» Créer une infobulle
» faire une carte transparente pour carte miniSD!
» Infobulle avec active

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Lee & Lou :: Tests :: Trucs et astuces-