Est-il possible d’utiliser des transitions CSS pour animer quelque chose entre une position définie comme étant à left: 0px à right: 0px pour qu’elle passe à travers l’écran? Je dois accomplir la même chose de haut en bas. Est-ce que je suis coincé en calculant la largeur de l’écran / la taille de l’object? #nav […]
J’essaie d’append une transition à un bouton J’ai un arrière-plan créé avec css linear-gradient mais ça ne marche pas. C’est le css pour mon bouton. a.button { background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@green), color-stop(100%,#a5c956)); -webkit-transition: background 5s linear; } a.button:hover { -webkit-gradient(linear, left top, left bottom, color-stop(0%,@greenhover), color-stop(100%,#89af37)) } Si vous vous posez des […]
Considérez le violon suivant p { -webkit-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0); -webkit-transition: transform 1s ease-in; -moz-transition: transform 1s ease-in; -o-transition: transform 1s ease-in; transition: transform 1s ease-in; } a:hover + p { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: […]
Est-il possible d’utiliser des transitions CSS3 avec un changement de délai différent entre “états”? Par exemple, j’essaie de rendre un élément immédiatement plus haut lors du survol puis de le “retirer” pour attendre une seconde avant de revenir à la hauteur initiale de l’élément. Page de démonstration: jsfiddle.net/RTj9K ( survolez la boîte noire dans le […]
J’inclus un fichier d’image SVG sur ma page dans une balise d’ object , comme ceci: L’image en question est une carte du monde, je veux transformer la propriété de fill lorsque la souris survole un group . Dans ce cas, j’ai regroupé mon SVG par continent, de sorte que l’Amérique du Sud ressemble à […]
Je veux savoir comment faire une image en rotation ou en rotation lorsqu’elle est planée. Je voudrais savoir comment émuler cette fonctionnalité avec CSS sur le code suivant: img { border-radius: 50%; }
Je travaille sur une application iPad iPad et j’ai déjà implémenté le support ontouch pour déclencher des événements plus rapidement et j’utilise jQuery pour cibler les éléments plus facilement, mais pour les animations j’utilise des transitions CSS3 Que pensez-vous est plus rapide? utiliser des animations jQuery depuis que j’ai déjà importé la bibliothèque ou utiliser […]
J’anime un conteneur sur la souris de droite à gauche avec des transitions CSS. Cela fonctionne bien dans tous les navigateurs sauf Internet Explorer. La raison en est que j’utilise (et doit utiliser) calc () dans ma propriété CSS laissée. J’ai créé une démo en direct ici: Live Demo Le CSS ressemble à ceci: div […]
J’ai une animation CSS 3 pour un div qui entre après un certain temps. Ce que je voudrais, c’est que quelques divs remplissent l’espace de la div animée qui se glisse, ce qui poussera ensuite ces éléments en bas de la page. Lorsque j’essaie de le faire, la première division qui se glisse prend de […]
J’ai un problème en chrome avec une transition de rotation css3. La transition fonctionne correctement, mais juste après la fin de l’élément se déplace d’un pixel. L’autre chose étrange est que cela ne se produit que lorsque la page est centrée ( margin:0 auto; ). Le bogue est toujours là si vous supprimez également la […]