Ombre portée derrière une image

Rajouter une ombre portée derrière vos images, photos.

Paysage                             Paysage                             Paysage

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.

Propriete 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)

Ombre portee

 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 :

Paysage

 

box-shadow: rgb(229, 164, 174,0.5) 20px 20px 10px;

 

Paysage

 

box-shadow: rgb(0, 0, 0) 3px 3px 10px;

 

Paysage

 

box-shadow: rgb(0, 0, 0) 2px 2px 70px;

Retour   Accueil   

Ajouter un commentaire