shadows
est une methode pour mettre en place des ombres à une div sans CSS.
Un exemple d'utilisation de "geni" pour mettre en place des ombres avec "presque" que du CSS.
Le laboratoire de recherche de Lanthrasites présente... shadow_all
ombres dans les 4 directions
Il sagit en fait de 4 div imbriquées de class shadow_all avec la CSS suivantes :
div.shadow_all { margin: 0; padding: 4px; border: 0; background: url(/auto/geni/00660022.png); }
J'ai mis un padding de 4px pour bien voir les 4 couches de transparences, avec 1px ce sera plus précis.
Le laboratoire de recherche de Lanthrasites présente... shadows_rb
ombres à droite et en bas
div.shadow_rb { margin: 0; padding: 0 1px 1px 0; border: 0; background: url(/auto/geni/00000033.png); }
Le laboratoire de recherche de Lanthrasites présente... shadows_lt
ombres à gauche et en haut (sur 8 px)
div.shadow_lt { margin: 0; padding: 1px 0 0 1px ; border: 0; background: url(/auto/geni/00000033.png); }