Ombre portée derrière une image
Rajouter une ombre portée derrière vos images, photos.
2 ) Cliquer sur l'icône Image pour rajouter votre photo dans l'éditeur de texte.
1 ) Faire un clic droit sur l'image et cliquer sur Propriété de l'image.
3 ) Puis cliquer sur avancé et mettre le style : box-shadow: rgb(102, 102, 102, 0.5) 8px 8px 10px; (Votre couleur et la position de l'ombre)
Explication
box-shadow: rgb(206, 192, 170) 20px 20px 10px;
• rgb (206, 192, 170) = code couleur
• rgb (206, 192, 170, 0.5) : le 0.5 à pour effet de régler l'opacité de la couleur. 0 = transparent / 1 = 100% de l'opacité.
• 20px 20px = distances
• 10px (le dernier des trois) = dispersion de l'ombre
Autres exemples :
box-shadow: rgb(229, 164, 174,0.5) 20px 20px 10px;
box-shadow: rgb(0, 0, 0) 3px 3px 10px;
box-shadow: rgb(0, 0, 0) 2px 2px 70px;
Ajouter un commentaire
