Comment animer un élément sur le vol stationnaire

Comment puis-je faire mon <div> éléments de croître (et le contenu des modifications de la taille du texte à une autre plus élevée), lors de son survol de plus? Je les ai mis dans une classe et essayé:

size: 150%;

et

height: +30px;
width: +30px;

le premier essai n'a pas fonctionné du tout, et le deuxième code viens de faire la div du flash et pour disparaître en partie.

Il ne peut être fait à l'aide de CSS à l'aide de CSS3 qui n'est pas pris en charge dans les navigateurs plus anciens, comme tout ce qui est avant IE9, FF4 Safari 4 et Chrome 15. Est-ce que vous cherchez?
eh bien, je ne suis triing pour augmenter la taille d'un div, alors que planait, il n'a pas d'importance si ou pas si cette div en chevauche un autre sur mon site: maxwf.net16.net/index/index.html (que vous savez ce que je veux dire par la div)

OriginalL'auteur Fr0stY | 2012-04-04

  1. 4

    À l'aide de CSS, vous pouvez ajouter un hover style de la div:

    div.container {
    width: 80%;
    background-color: blue;
}

div.container:hover {
    width: 100%;
    background-color: red;
}

    Voir ce jsFiddle pour une démonstration.

    jQuery Solution

    Une autre option qui pourrait fonctionner pour vous est jQuery. C'est une bibliothèque JavaScript qui simplifie souvent besoin de fonctionnalités comme cela. À l'aide de jQuery, vous pouvez facilement ajouter des effets de survol pour les éléments:

    //hover effect applies to any elements using the 'container' class
$(".container").hover(
    function(){ //mouse over
        $(this).width($(this).width() + 30);
    },
    function(){ //mouse out
        $(this).width($(this).width() - 30);
    }
);

    Voir ce jsFiddle pour une démonstration.

    thx, mais il y a un problème. avec ça, je ne peux pas définir la taille en %,parce que j'ai 3+ vrd à côté de l'autre, comme ceci:jsfiddle.net/epS96 (js fiddle ne montre pas le css correctement) et je veux que chaque div pour être en mesure de croître....
    btw, c'est le site : maxwf.net16.net/index/index.html
    vous pouvez utiliser un appareil pour le réglage de la largeur, essayez de changer son exemple.
    ok thx. est-il quelque chose à dire à l'existant largeur de plus de 30 px ou alors comme largeur: largeur+30px; hauteur: hauteur+30px;
    Juste difficile de code 🙂 si vous êtes seulement un changement entre deux tailles, une taille normale et une info de taille, je vous recommande d'utiliser des numéros spécifiques à garder d'obtenir accidentellement des résultats étranges

    OriginalL'auteur James Johnson

  2. 4

    J'ai fait quelque chose comme ça pour un problème similaire (vous pouvez modifier l'échelle de tout ce qui fonctionne pour vous):

    div:hover {
 -webkit-transform: scale(1.1);
 -moz-transform:    scale(1.1);
 -o-transform:      scale(1.1);
 -ms-transform:     scale(1.1);
}

    Noter que cette échelle à la fois de la div et de son contenu, qui, je pense, est ce que vous voulez.

    thk très bien. oui c'est ce que je cherchais xD, mais j'ai utilisé la réponse ci-dessous pour le faire et c'est bien déjà!

    OriginalL'auteur tsherif