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.
J'essaie de faire une <ul>diapositive en utilisant des transitions CSS. Le <ul>commence à height: 0;. En vol stationnaire, la hauteur est définie sur height:auto;. Cependant, cela le fait simplement apparaître, pas une transition, Si je le fais de height: 40px;à height: auto;, alors il...
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...
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...
Les transitions CSS peuvent-elles être utilisées pour permettre à un paragraphe de texte de se fondre lors du chargement de la page? J'aime vraiment à quoi cela ressemblait sur http://dotmailapp.com/ et j'aimerais utiliser un effet similaire en utilisant CSS. Le domaine a depuis été acheté et n'a...
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...
J'essaie de faire une transition en survol avec css sur une vignette de sorte qu'en vol stationnaire, le dégradé d'arrière-plan se fane. La transition ne fonctionne pas, mais si je la change simplement en rgba()valeur, cela fonctionne très bien. Les dégradés ne sont-ils pas pris en charge? J'ai...
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...
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
Existe-t-il une solution multi-navigateurs pour produire une transition slide-in avec CSS uniquement, pas de Javascript? Voici un exemple du contenu html: <div> <img id="slide" src="http://.../img.jpg /> </div>
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 des...
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:...
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...
.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...
Quelle est la différence entre les transitions CSS3 ease-in,
Je voudrais appliquer une transition CSS à toutes les propriétés à l'exception de background-position. J'ai essayé de le faire de cette façon: .csstransitions a { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;...
Dans le violon ci-dessous, j'ai une transition sur la visibilité et l'opacité séparément. Ce dernier fonctionne mais pas le premier. De plus, en cas de visibilité, le temps de transition est interprété comme un retard au survol. Cela se produit dans Chrome et Firefox. Est-ce un bug?...
Est-il possible d'obtenir une notification (comme un rappel) lorsqu'une transition CSS est
L'événement de fin de transition de Webkit est appelé webkitTransitionEnd, Firefox est transitionEnd, l'opéra est oTransitionEnd. Quel est le bon moyen de les aborder tous en pur JS? Dois-je faire du reniflement du navigateur? ou mettre en œuvre chacun séparément? Une autre façon qui ne m'est pas...
J'ai codé un script (avec l'aide d'un utilisateur ici) qui me permet d'agrandir un div sélectionné et de faire en sorte que les autres div se comportent en conséquence en s'étirant également pour s'adapter à l'espace restant (sauf le premier dont la largeur est fixe). Et voici une photo de ce que...