Comment changer la couleur d'une image sur vol stationnaire - Stack Overflow
Je dois changer la couleur d'arrière-plan d'une image. L'image est une image de cercle avec un fond blanc, je dois quand vous survolez changer l'arrière-plan de l'image du cercle bleu. J'ai besoin que le cercle d'être le changement.
Mon code HTML est
Le code ci-dessus me donne la couleur bleue, mais comme un cadre autour de l'icône de cercle. ce que je dois est de changer l'arrière-plan du cercle lui-même. Imaginez c'est comme un signal, il est blanc lorsque vous survolez avec la souris, il va au bleu.
S'il vous plaît je besoin d'une solution si elle peut être faite par CSS ou autre chose. Désolé si je fais trop longtemps.
Il est un peu tard, mais je suis tombé sur ce poste.
Ce n'est pas parfait, mais voici ce que je fais.
Maintenant, mon rayon de frontière de 20px correspond exactement avec le rayon de la bordure de l'image. Comme vous pouvez le voir le .showcase-menu a la même origine que le .showcase-menu social. Ce que cela fait est de permettre la « opacité » à prendre effet et aucun fond ou frontière « carré » montre, donc l'image réduit légèrement c'est la saturation en vol stationnaire.
Il est un bel effet et donne au spectateur les commentaires que l'image est mise au point. Je suis assez sûr sur un fond plus sombre, il aurait même un meilleur effet.
La bonne chose est que ce code est en HTML-CSS valide et validera. Pour être honnête, il faut travailler sur des éléments non-image aussi bien que des images.
a répondu le 18 juillet '13 à 07h00
Si je comprends bien, il serait alors plus facile si vous avez donné à votre image un fond transparent et définissez la propriété de couleur de fond du conteneur d'arrière-plan sans avoir à utiliser des filtres et ainsi de suite.
Utilisez la propriété de couleur de fond au lieu de la propriété d'arrière-plan dans votre CSS. Donc, votre code ressemblera à ceci:
.fb-icon: hover <
background: blue;
>