Modifier la forme des images

 Je te mets les lien, amuses-toi

Chez Sorcière Corbeau

https://les-astuces-blogger.blogspot.com/p/des-formes-arrondies-au-survol-de-vos.html

https://9elements.github.io/fancy-border-radius/#75.51.78.48--.

cadre arrondi s'efface au passage de la souris dans les coins

Css pris chez Sorière Corbeau

====== Style de noyau a rectangle == ====

.post-body img {

background:#FFF; /* Couleur d'arrière-plan autour de l'image * /

padding:15px; /* L'espace entre la bordure et l'image */

border-radius: 50% 0; /* Bordure arrondie */

box-shadow: 0px 0px 15px #000; /* Ombre */

-moz-transition: all 1s;

-webkit-transition: all 1s;

-o-transition: all 1s;

}

.post-body img:hover {

border-radius:0; /* Suppr. l'arrondi de la bordure (valeur 0) */

-moz-transition: all 1s;

-webkit-transition: all 1s;

-o-transition: all 1s;

cursor:pointer;

}

Image ronde CSS

.post-body img {

box-shadow: 0px 0px 12px #000; /* Ombre */

border-radius: 50%; /* Bordure arrondie */

border:0;

padding:0;

-moz-transition: all 1s;

-webkit-transition: all 1s;

-o-transition: all 1s;

}

.post-body img:hover {

box-shadow: 0; /* Suppr. l'ombre (valeur 0) */

border-radius: 0; /* Sppr. l'arrondi de la bordure (valeur 0) */

-moz-transition: all 1s;

-webkit-transition: all 1s;

-o-transition: all 1s;

cursor:pointer;

}

Bonne journée