Effet sur image lors du survol de la souris

[KumixKumi]

Bonjour, je vous expose la situation. Et bien en fait cela fait un petit moment que je cherche à trouver un code qui permettrait de faire des effets tels que celui là (Le petit carré aux formes arrondies qui devient rond au passage de la souris):

Spoiler:

Evidemment je ne demande pas à avoir le même effet mais quelque chose qui s'y rapproche, ou éventuellement une forme circulaire qui tourne, toujours au passage de la souris, enfin j'espère  que vous voyez ce dont quoi je parle.

Sur ce, merci de m'aider.

[MlleAlys]

Bonjour,
il faut pour cela utiliser le css :
- par exemple, border-radius est la propriété css qui permet d'arrondir les coins d'un élément, comme par exemple une image. La propriété transform permet quant à elle une rotation de l'élément.

exemple :

- la pseudo class :hover attribuée à un élément dans le css permet d'appliquer les propriétés au passage de la souris sur l'élément.

exemple :

- enfin, la propriété transition permet de faire l'effet de transition (comme son nom l'indique xDD) entre les deux états. Il faut y indiquer la propriété concernée par la transition, la durée de la transition, et le type d'accélération (par exemple "ease" est plus fluide, "linear" un une vitesse de transition constante. Cependant, cette propriété n'est pas encore parfaitement supportée par tous les navigateurs, et il faut préciser les préfixes comme -webkit- , -moz- etc devant.

exemple :

Enfin, n'hésitez pas à aller chercher des informations sur les différentes propriétés css qui vous intéressent sur internet ^^

[KumixKumi]

Merci beaucoup ! Je passe le sujet en "révolu" !