Questions marquées «css-animations»

Les animations CSS permettent d'animer des transitions d'une configuration de style CSS à une autre. Le module CSS décrit un moyen pour les auteurs d'animer les valeurs des propriétés CSS au fil du temps, à l'aide d'images clés. Le comportement de ces animations d'images clés peut être contrôlé en spécifiant leur durée, le nombre de répétitions et le comportement de répétition.

4
Maintien de l'état final à la fin d'une animation CSS3
J'exécute une animation sur certains éléments définis opacity: 0;dans le CSS. La classe d'animation est appliquée surClick et, à l'aide d'images clés, elle change l'opacité de 0à 1(entre autres). Malheureusement, lorsque l'animation est terminée, les éléments reviennent à opacity: 0(dans Firefox et Chrome). Ma pensée naturelle serait que les éléments …
10
Comment faire du texte clignotant / clignotant avec CSS 3
Actuellement, j'ai ce code: @-webkit-keyframes blinker { from { opacity: 1.0; } to { opacity: 0.0; } } .waitingForConnection { -webkit-animation-name: blinker; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: cubic-bezier(.5, 0, 1, 1); -webkit-animation-duration: 1.7s; } Il clignote, mais il ne clignote que dans "une seule direction". Je veux dire, il disparaît seulement, puis …
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. …
8
Arrêt d'une animation CSS3 sur la dernière image
J'ai une animation CSS3 en 4 parties qui joue au clic - mais la dernière partie de l'animation est destinée à la retirer de l'écran. Cependant, il revient toujours à son état d'origine une fois qu'il a joué. Tout le monde sait comment je peux l' arrêter sur sa dernière …
8
Animation de rotation CSS3
J'ai examiné pas mal de démos et je n'ai aucune idée de la raison pour laquelle je ne peux pas faire fonctionner le spin CSS3. J'utilise la dernière version stable de Chrome. Le violon: http://jsfiddle.net/9Ryvs/1/ div { margin: 20px; width: 100px; height: 100px; background: #f00; -webkit-animation-name: spin; -webkit-animation-duration: 40000ms; -webkit-animation-iteration-count: …
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 …
9
Imiter une balise clignotante avec des animations CSS3
Je veux vraiment faire clignoter un morceau de texte dans le style old-school sans utiliser de javascript ou de décoration de texte. Pas de transitions, seulement * clignotement *, * clignotement *, * clignotement *! EDIT : C'est différent de cette question parce que je demande un clignotement sans transitions …
5
Jouez plusieurs animations CSS en même temps
Comment puis-je faire jouer deux animations CSS à des vitesses différentes ? L'image doit tourner et grandir en même temps. La rotation effectuera un cycle toutes les 2 secondes. La croissance fera un cycle toutes les 4 secondes. Exemple de code: .image { position: absolute; top: 50%; left: 50%; width: …
4
La propriété CSS Animation reste après l'animation
J'essaie de faire en sorte qu'une propriété d'animation CSS reste après avoir terminé, est-ce possible? C'est ce que j'essaye de réaliser ... L'élément doit être masqué lorsque l'utilisateur atterrit sur la page, après 3 secondes (ou autre), il doit apparaître en fondu et une fois l'animation terminée, il doit y …
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.