Pour avoir un curseur comme ceci, il nous faut... :

//Voir ce blog//

Ce code :

/*Curseur*/
html,body { cursor : url("http://ekladata.com/YMfrJ2l1RX66yYyVV0hEGYZr43w@28x30.png"), auto; }

Voilà, j'espère qu'il vous servira !

Pour avoir des images comme celles-ci (une image transparente mais en couleurs quand on passe sa souris dessus (et avec une bordure en couleur)) :

Je crédit Lune Blanche....

Il nous faut ce code CSS :

img { -moz-transition: opacity 1s linear 0s;
-webkit-transition: opacity 1s linear 0s;
transition: opacity 1s linear 0s;
opacity: 0.35;
}

img:hover {
-moz-transition: opacity 1s linear 0s;
-webkit-transition: opacity 1s linear 0s;
transition: opacity 1s linear 0s;
opacity: 10;
}
.module_contenu img {max-width:500px;height:auto;}
.module_contenu img { border-radius:30px 30px 30px 30px;}
.module_contenu img {
   border: 3px solid #7ca4ac;
   box-shadow: 0px 0px 20px #7ca4ac;
  }
#content img:hover{
  opacity: 1;
  -webkit-box-shadow: 0px 0p

x 15px #7ca4ac;
  box-shadow: 0px 0px 50px #7ca4ac;
  }
 #content img {  -webkit-border-radius: 00px;
  border-radius: 00px;
  -webkit-transition: 0.4s linear;
  transition: 0.4s linear;
}

Voilà, j'espère que vous pourriez l'utiliser...

Pour avoir les coins arrondis (ou arrondis au fond)  comme ce blog  :

Il faut utiliser ce code :

↓

#background {border-radius :20px ;}

N'oubliez pas que vous pouvez plus arrondir les coins si vous voulez (ex : #background {border-radius :30px ;} )