Questions marquées «css-transitions»

Les transitions CSS permettent aux changements de propriété dans les valeurs CSS de se produire en douceur sur une durée spécifiée.

30
Transitions sur la propriété d'affichage CSS
Je suis en train de concevoir un «menu déroulant» CSS - essentiellement un menu déroulant CSS uniquement, mais qui contient différents types de contenu. Pour le moment, il semble que les transitions CSS 3 ne s'appliquent pas à la propriété 'display' , c'est-à-dire que vous ne pouvez faire aucune sorte …
1449 css  css-transitions 
6
Raccourci de transition CSS avec plusieurs propriétés?
Je n'arrive pas à trouver la syntaxe correcte pour le raccourci de transition CSS avec plusieurs propriétés. Cela ne fait rien: .element { -webkit-transition: height .5s, opacity .5s .5s; -moz-transition: height .5s, opacity .5s .5s; -ms-transition: height .5s, opacity .5s .5s; transition: height .5s, opacity .5s .5s; height: 0; opacity: …
8
Comment avoir plusieurs transitions CSS sur un élément?
C'est une question assez simple mais je ne trouve pas de très bonne documentation sur les propriétés de transition CSS. Voici l'extrait CSS: .nav a { text-transform:uppercase; text-decoration:none; color:#d3d3d3; line-height:1.5 em; font-size:.8em; display:block; text-align:center; text-shadow: 0 -1.5em 0 rgba(255, 255, 255, 0.15); -webkit-transition: color .2s linear; -moz-transition: color .2s linear; …
11
animation de transition css3 au chargement?
Est-il possible d'utiliser l'animation de transition CSS3 au chargement de la page sans utiliser Javascript? C'est un peu ce que je veux, mais au chargement de la page: http://rilwis.googlecode.com/svn/trunk/demo/image-slider.html Ce que j'ai trouvé jusqu'ici CSS3 transition-delay , un moyen de retarder les effets sur les éléments. Fonctionne uniquement en survol. …
9
CSS: animation vs transition
Donc, je comprends comment effectuer à la fois des transitions et des animations CSS3. Ce qui n'est pas clair, et j'ai recherché sur Google, c'est quand utiliser lequel. Par exemple, si je veux faire rebondir une balle, il est clair que l'animation est la voie à suivre. Je pourrais fournir …
13
Transition d'image d'arrière-plan CSS3
J'essaye de faire un "fondu en fondu en sortie" en utilisant la transition CSS. Mais je ne peux pas faire fonctionner cela avec l'image d'arrière-plan ... Le CSS: .title a { display: block; width: 340px; height: 338px; color: black; background: transparent; /* TRANSITION */ -webkit-transition: background 1s; -moz-transition: background 1s; …
5
Désactiver / désactiver les transitions CSS3 héritées
J'ai donc les transitions css suivantes attachées à l'élément a: a { -webkit-transition:color 0.1s ease-in, background-color 0.1s ease-in ; -moz-transition:color 0.1s ease-in, background-color 0.1s ease-in; -o-transition:color 0.1s ease-in, background-color 0.1s ease-in; transition:color 0.1s ease-in, background-color 0.1s ease-in; } Existe-t-il un moyen de désactiver ces transitions héritées sur des éléments spécifiques? …
3
CSS: opacité de transition lors du passage de la souris?
.item:hover { zoom: 1; filter: alpha(opacity=50); opacity: 0.5; -webkit-transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -ms-transition: opacity .15s ease-in-out; -o-transition: opacity .15s ease-in-out; transition: opacity .15s ease-in-out; } Pourquoi cela n'anime-t-il l'opacité que lorsque je survole, mais pas lorsque je quitte l'objet avec la souris? Démo ici: http://jsfiddle.net/7uR8z/ ​
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.