J'essayais de faire une chose de survoler, jusqu'à ce que je planais l'image, l'image devait passer à une autre image .. Je l'ai fait avec succès jusqu'à ce que je voulais avoir une durée de transistion et que j'étais vraiment confus pourquoi il n'a pas fonctionné ..
p>
<section id="elektro_One">
<div class="Box-Top"></div>
<div id="Bild-Rechts"></div>
<div id="Text-Middle-2">
<h3>Wer sind wir?</h3>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata.</p>
</div>
</section>4 Réponses :
Vous devez spécifier la propriété CSS que vous souhaitez transmettre aussi, pas seulement la durée de transition.
.div {
background: ...;
transition: background 2000ms;
}
.div:hover {
background: ...;
}
Vous seriez mieux définir la transition sur l'élément principal plutôt que le Voir l'extrait de travail ci-dessous qui utilise des images de Placeholder.com: P> p> surversez code> pseudo-classe.
<section id="elektro_One">
<div class="Box-Top"></div>
<div id="Bild-Rechts"></div>
<div id="Text-Middle-2">
<h3>Wer sind wir?</h3>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata.</p>
</div>
</section>
Mais pour moi, ça ne marche pas ..? Je change la transition: fond de 2000ms; de survoler au maintien .. toujours ne fonctionne toujours pas
@JohannesMark Quel navigateur et votre version utilisez-vous? Cela fonctionne pour moi assez joyeusement dans l'extrait de chrome
J'utilise Firefox
@JohannesMark Malheureusement, Firefox et IE Ne prennent pas en charge les transitions d'image de fond car elles ne sont pas définies dans la spécification de transitions CSS. Voir ma réponse mise à jour pour un lien vers les informations à ce sujet.
Vous devez déplacer et retirez-le de bonne chance et essayez de bien transition-durée: 2000ms; à
Il est préférable de séparer les attributs d'arrière-plan et de définir la transition pour le sélecteur inverrouillé
p>
<section id="elektro_One"> <div class="Box-Top"></div> <div id="Bild-Rechts"></div> <div id="Text-Middle-2"> <h3>Wer sind wir?</h3> <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata. </p> </div> </section>
Comment ça ne marche-t-il pas, ou comment vous avez-vous attendu que cela fonctionne?