Je développe une application Web qui doit générer et calculer un tas de tableaux au démarrage. Je voudrais montrer une page de chargement pendant que cela se produit, et peut-être jouer un peu avec des animations css, mais il semble que les animations CSS se bloqueront alors que javascript est exécuté. J'ai déjà une barre […]
Comment puis-je démarrer des animations CSS avec js? La première ligne (webkitAnimation) fonctionne mais les autres ne le font pas. anim_logo.style.webkitAnimation="threesixty 3s"; anim_logo.style.mozAnimation="threesixty 3s"; anim_logo.style.oAnimation="threesixty 3s"; anim_logo.style.animation="threesixty 3s"; Pourquoi? Aperçu en direct (Cliquez sur l'étoile Ninja)
J'essaie de secouer un élément html pour mon jeu. J'ai trouvé ce code ici: shake = function (sprite, magnitude = 16, angular = false) { //A counter to count the number of shakes var counter = 1; //The total number of shakes (there will be 1 shake per frame) var numberOfShakes = 10; //Capture the […]
Je souhaite arrêter une transition qui est en cours. J'ai trouvé quelques références [1] [2] éparpillées sur Internet, mais je n'arrive pas à la reconstituer. Voici un violon de la première suggestion (Avec jQuery et CSS Transit pour le contexte): http://jsfiddle.net/thomseddon/gLjuH/ Merci [1] https://twitter.com/evilhackerdude/status/20466821462 [2] github.com/madrobby/zepto/issues/508
Je tente de créer une page Web HTML avec des classes CSS animées sur de nombreux DIV indépendants qui se déplacent vers leurs propres positions générées au hasard. J'ai 20 éléments avec des caractères générés au hasard qui tombent du haut de la page et qui se dissipent alors qu'ils se déplacent le long de […]
J'ai une image qui bascule à l'aide de CSS rotation de l'animation. Je voudrais l'arrêter en douceur (et le remettre à sa position initiale en cliquant sur un autre élément, mais sans avoir le sentiment d'arrêt brusque). Il semble que le comportement attendu ne se produise que lors de la première itération de l'animation mais […]
DEMO: http://plnkr.co/edit/cPDUWO?p=preview J'ai 2 cases cochées et 2 widgets affichés sur la page. En cliquant sur les cases à cocher, utilisez ng-show & ng-hide pour masquer et afficher le widget correspondant. Maintenant, je veux aussi avoir un fadeIn et fadeOut , mais pas de chance jusqu'à présent 🙁 Les widgets qui montrent / se cachent […]
Zepto.js a une API pour animer des éléments, ce qui permet d'inclure une fonction de rappel "faite". Source animée Cependant, l' API de file d'attente de type jquery ne semble pas être prise en charge. Je me demandais s'il y avait une approche intégrée pour créer des séquences d'animation avec zepto ou devrais-je simplement pincer […]
La fonction .animate() de jQuery ne permet pas d'animer toutes les propriétés animées CSS3 (par exemple, background-color ). Existe-t-il un bon moyen normal de créer, appliquer et supprimer dynamiquement des animations CSS3 aux éléments de la page? Je suis actuellement en train de suivre l'exemple ici, mais cela est maladroit et se sent mal. Pendant […]
Si j'ai une animation en image clé CSS comme celle-ci @keyframes flash-red { 50% { background: #f00; } } #goflash.anm-flash { animation-name: flash-red; animation-duration: .5s; background: rgba(255, 0, 0, 0); } Ensuite, je peux toujours déclencher l'animation comme ceci: var gf = document.querySelector("#goflash"); gf.classList.remove("anm-flash"); setTimeout(function() { gf.classList.add("anm-flash"); }, 50); Existe-t-il un moyen de remplacer la […]