Donc, j'essaie de faire fonctionner la transition de 0,5 à chaque fois que je tiers sur le bouton, mais cela ne fonctionne pas, quelqu'un a un indice?
Ceci est mon code: P>
p>
<div type="button" class="add-photo">
<a class="btn" href="#"><i class="fa fa-plus-circle"></i>
<p> Add Photo</p>
</a>
</div>3 Réponses :
Je pense que vous avez créé votre bouton avec cet élément div. Donc, donc vous devez ajouter la classe BTN à la DIV. Le code correct serait
<div type="button" class="add-photo btn"> <a href="#"><i class="fa fa-plus-circle"></i> <p> Add Photo</p> </a> </div>
Un gradient est une image d'arrière-plan, vous ne pouvez pas transmettre une image d'arrière-plan à une autre comme celle-là. Vous pouvez utiliser pseudo éléments pour créer l'effet que vous voulez.
p>
<div type="button" class="add-photo">
<a class="btn" href="#"><i class="fa fa-plus-circle"></i>
<p> Add Photo</p>
</a>
</div>Les gradients d'arrière-plan ne sont pas animés, mais vous pouvez atteindre cet effet avec la position de fond.
p>
<div type="button" class="add-photo">
<a class="btn" href="#"><i class="fa fa-plus-circle"></i>
<p> Add Photo</p>
</a>
</div>
Notez que l'ajout
type = "bouton" à undiv élément ne fait rien, et est invalide HTML à démarrer ...L'image de fond ne prend pas en charge la transition, cochez cette question Stackoverflow.com/questions/9483364 / ...
Est-ce que cela répond à votre question? CSS3 Background image transition