Questions sur css-transitions

3
réponses

Transitions sur l'affichage: propriété

je suis actuellement en train de concevoir une sorte de menu 'mega dropdown' CSS - essentiellement un menu de dropdown ... d'utiliser juste CSS et je pense que je suis à venir peu court. toutes les suggestions sont les bienvenues.
demandé sur 0000-00-00 00:00:00
6
réponses

Transition CSS abréviation avec plusieurs propriétés?

Je ne peux pas trouver la syntaxe correcte pour la transition CSS raccourci avec des propriétés multiples. Cela ne f ... e de mon CSS vers le bas. C'est assez gonflé avec tous les fournisseurs de préfixes. Aussi étendu le code d'exemple.
demandé sur 2012-03-12 19:37:40
7
réponses

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 CS ... uelle s'animera, mais pas la couleur. Comment puis-je les faire animer simultanément? Merci pour toute les réponses.
demandé sur 2011-08-13 07:06:58
6
réponses

Événements de transition CSS3

y a-t-il des événements déclenchés par un élément pour vérifier si une transition css3 a commencé ou se termine?
demandé sur 2010-05-08 17:02:44
15
réponses

Utiliser des transitions CSS3 avec des fonds de pente

j'essaie de faire la transition en vol stationnaire avec css sur une vignette pour qu'en vol stationnaire, le gradient ... v a:hover { background:-webkit-gradient(radial, 100 75, 100, 100 75, 0, from(rgba(0,0,0,.7)), to(rgba(0,0,0,.4))) }
demandé sur 2011-07-01 03:35:12
8
réponses

Empêcher le clignotement sur webkit-transition de webkit-transformer [dupliquer]

Double Possible: iphone webkit les animations css cause de l'instabilité du 151990920" ... e à Jour: cela se produit uniquement dans Safari. Cela n'arrive pas dans Chrome, bien que l'animation fonctionne.
demandé sur 2010-08-11 22:05:57
4
réponses

Désactiver / désactiver les transitions héritées CSS3

j'ai donc les transitions css suivantes attachées à l'élément a: a { -webkit-transition:color 0.1s ease-i ... éritées sur des éléments a spécifiques? a.tags { transition: none; } Ne semble pas faire le travail.
demandé sur 2011-07-09 15:33:28
4
réponses

Rappel lors de la transition CSS

est-il possible d'obtenir une notification (comme un rappel) lorsqu'une transition CSS est terminée?
demandé sur 2010-01-18 19:27:33
10
réponses

Comment normaliser les fonctions de Transition CSS3 entre les navigateurs?

l'événement de fin de transition de Webkit s'appelle webkitTransitionEnd, Firefox est transitionEnd, opera est oTransi ... ment.addEventListener(transitionEnd, function(){callfunction()},false); function callfunction() { //do whatever }
demandé sur 2011-02-17 02:33:29
6
réponses

Pourquoi l'activation de l'accélération matérielle dans CSS3 ralentit-elle les performances?

je déplace 6000 petits éléments div dans une expérience css3 en utilisant une transition de top: 0 à top: 145px pour t ... mo fournie sur le matériel moderne . Les appareils plus anciens peuvent encore voir des performances question.
demandé sur 2012-04-04 19:36:46
9
réponses

Comment empêcher le rendu de texte Webkit de changer pendant la transition CSS

j'utilise les transitions CSS pour la transition entre les États transformés CSS (essentiellement la transition de l'é ... ai pas vu les deux paragraphes se comporter différemment, de sorte que cela peut être une question exclusive à Macs.
demandé sur 2012-09-20 00:16:44
5
réponses

CSS transition hauteur automatique ne fonctionne pas [dupliquer]

cette question a déjà une réponse ici: Comment puis-je faire la transition Hauteu ... t... </p> </section> <label for="ac-2">About us</label> </div> </div>
demandé sur 2012-12-18 21:37:19
10
réponses

ce qui est plus rapide? Transitions CSS3 ou animations jQuery?

je travaille sur une application HTML5 iPad et j'ai déjà implémenté le support ontouch pour déclencher des événements ... ery puisque j'ai déjà importé la bibliothèque ou utiliser des transitions CSS3 pour cibler des éléments avec jQuery?
demandé sur 2012-06-11 21:28:33
1
réponses

IE 10 + 11: les transitions CSS avec calc () ne fonctionnent pas

j'anime un conteneur sur mouseover de droite à gauche avec des transitions CSS. Cela fonctionne très bien dans tous les n ... r détecter le navigateur car cela semble encore plus hack que en utilisant des hacks CSS. de l'aide? Merci à l'avance!
demandé sur 2014-01-15 20:30:49
1
réponses

Utilisation de CSS pour la transition de la propriété fill d'un chemin SVG en vol stationnaire

j'inclue un fichier image SVG sur ma page dans un object balise, comme ceci: <object type="image/svg+xml" data="linkt ... pe avec une transition CSS, la couleur change instantanément, quelqu'un peut-il nous éclairer là-dessus s'il vous plaît?
demandé sur 2013-11-16 03:10:41
4
réponses

Tourner ou faire tourner une image en stationnaire

je veux savoir comment faire un image tournante ou tournante quand il est a plané. Je voudrais savoir comment imiter cette ... é avec CSS sur le code suivant : img { border-radius: 50%; } <img src="http://i.imgur.com/3DWAbmN.jpg" />
demandé sur 2014-05-16 16:19:59
8
réponses

Comment créer un Modal React (qui est ajouté à ` `) avec des transitions?

Il y a un modal dans cette réponse https://stackoverflow.com/a/26789089/883571 qui crée un Modal basé sur la réaction en l ... avec les addons de transition fournis par React. comment en créer une avec des transitions(en entrant et en sortant)?
demandé sur 2015-03-02 06:16:48
4
réponses

Animer la largeur d'un élément de 0 à 100%, avec un enveloppement aussi large que nécessaire, sans largeur prédéfinie, en CSS3 ou jQuery

http://jsfiddle.net/nicktheandroid/tVHYg/ en vol stationnaire .wrapper, c'est un élément d'enfant .contents devrait s'an ... lt;span>+</span> <div class="contents">These are the contents of this div</div> </div>
demandé sur 2011-10-22 22:18:16
1
réponses

CSS3 transformes et transitions (Webkit)

Envisager la suite tripoter p { -webkit-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); ... rome (sur mon Mac). la propriété de transition doit-elle être préfixée ou y a-t-il une erreur de syntaxe dans mon code?
demandé sur 2012-12-09 01:47:10
3
réponses

Transition CSS différente-retards pour vol stationnaire et mouseout?

est-il possible d'utiliser des transitions CSS3 avec un délai de commutation différent entre "États"? Par exemple, j'essai ... , 1s; } je pensais que les horaires sur la fin liée à un retard mais ça ne semble pas fonctionner comme je l'imaginais.
demandé sur 2011-05-07 16:34:34
3
réponses

À la recherche d'une élégante méthode CSS-only pour masquer/afficher le contenu en hauteur automatique (avec des transitions)

j'aimerais une méthode qui n'utilise que des transitions CSS, pour efficacement (et de façon attractive) cacher/afficher ... aire la transition entre height:0 et height:auto, tout cela serait discutable. D'ici là, des suggestions? Merci! Leif
demandé sur 2011-09-27 21:05:14
3
réponses

CSS transition entre la gauche -> droite et de haut -> bas

est-il possible d'utiliser des transitions CSS pour animer quelque chose entre un ensemble de positions comme left: 0pxrig ... ebkit-transition: all 0.5s ease-out; } .moveto { top: 0px; right: 0px; } puis-je utiliser du jQuery .addClass
demandé sur 2012-04-20 17:30:55
8
réponses

transition css avec gradient linéaire

j'essaie d'ajouter une transition à un bouton que j'ai que le fond est fait avec CSS linear-gradient mais ça ne marche pa ... si vous vous interrogez sur @green et @greenhover, j'utilise .moins pour faire ma css. Rien de mal à cela? Des idées?
demandé sur 2011-09-09 18:24:42
2
réponses

Création D'un "chemin" CSS en vol stationnaire

j'essaie de générer un menu CSS 'sympa' en utilisant (principalement) CSS, mais avec un minuscule un peu de jQuery ainsi ... une idée de ce que je parle? implémentations similaires (mais pas exactes): Ici plus - mais ce n'utilise Sass (pas voulu)
demandé sur 2015-02-13 13:26:25
3
réponses

CSS3 traduire à travers un Arc

est-il possible avec CSS3 actuel de traduire un objet (spécifiquement un DIV) le long d'un arc ou d'une courbe? Voici une image pour illustrer.
demandé sur 2012-01-06 21:37:29
2
réponses

Effets de vol stationnaire à l'aide D'événements tactiles CSS3

j'utilise CSS3 hover et transitions pour afficher et cacher une image. Sur les appareils mobiles, je voudrais utiliser la ... éviter D'utiliser JavaScript pour le faire. S'il y a un moyen de le faire avec CSS3 pur, ce serait la meilleure option.
demandé sur 2011-11-30 21:52:05
3
réponses

est-il possible d'animer les inserts et les suppressions de flexbox?

quand je retire un élément d'une flexbox, les autres éléments "se mettent" immédiatement dans leur nouvelle position plut ... ons (ajouts et suppressions) d'une flexbox? C'est en fait un showstopper pour moi et celui pièce manquante avec flexbox.
demandé sur 2012-06-19 22:14:20
3
réponses

les transitions css sur les nouveaux éléments

Je ne trouve pas de façon d'utiliser les transitions css sur les éléments dom nouvellement créés. disons que j'ai un doc ... NodeInserted', ...) mais ça ne fonctionne pas. Comment appliquer les transitions css aux éléments nouvellement créés?
demandé sur 2012-08-23 13:39:29
8
réponses

Transition CSS3 bizarre (scintillement))

quand j'approche mon bouton, il donne un flash blanc en premier lors du démarrage de la transition. Pourquoi est-ce qu ... :background linear .5s; } button:hover { background:#ff3019; } button:active { background:#cf0404; }
demandé sur 2012-04-13 07:40:28
3
réponses

Existe-t-il une propriété de transition animable pour les filtres css?

j'essaie d'animer les filtres CSS mais je ne trouve aucune information sur les bonnes propriétés de transition. Quels sont-ils? Voici un exemple: http://jsbin.com/onijim/3/
demandé sur 2012-08-30 13:46:05