Permettre la réalisation d’un effet de volume sans utilisation de la moindre image en utilisant la propriété du CSS3 « box-shadow ».
La feuille de style css box-shadow accepte comme valeur (dans l’ordre) :
– inset : valeur optionnelle (mot clé), si elle est spécifier l’ombre est à l’intérieur sinon l’ombre est à l’extérieur du de l’élément HTML.
– offset-x : valeur numérique obligatoire qui spécifie la distance horizontale de l’ombre, si elle est négative l’ombre est placée à gauche.
– offset-y : valeur numérique obligatoire qui spécifie la distance verticale de l’ombre, si elle est négative l’ombre est placée au dessus.
– blur-radius : valeur optionnelle numérique positive suivie de px ou % ou pt ou em, correspond à la largeur de l’estompage de l’ombre (flou). Pour la valeur 0 l’ombre est nette.
– spread-radius : valeur optionnelle numérique positive suivie de px ou % ou pt ou em, correspond à la longueur du rayon d’étendue(voir image).
– color :valeur optionnelle de type hexadécimal(#ffffff), nommée (green), rvba (rgba(255,0,0,0.5)). Si omise la couleur sélectionné dépendra du navigateur.
Lire la suite…
