login
administrateur
login
Le 20 septembre 2012 à 8 h 48 min   

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) :vignette

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…