[CSS] générer une box CSS avec ombre portée
Tchim
30 mai 2013
Salut,
Un article de Korben présentant le service en ligne "CSS3 Drop Shadows Generator" pour créer des cadres en CSS avec ombre portée :
http://korben.info/c...e.html#comments
Le site "CSS3 Drop Shadows Generator" :
https://css3-drop-sh...rokuapp.com/app
@+
noisette
29 juil. 2015
Merci (avec du retard, mais le sujet ne m'avait pas échappé).
Ce qui est bien avec ce générateur, c'est d'abord le gain de temps, sa complétude d'un point de vue des effets possibles, y compris la valeur inset qui peut aussi ajouter des compléments graphiques intéressants,
les propriétés concernées par un préfixages sont bien préfixées,
et surtout: le code est présenté de façon pédagogique (dans le sens où sa lecture fait apparaître la construction de l'ombre),
ainsi que flexible pour les tests, moderne et propre.
Un point toutefois: le site propose un code très bien écrit mais clairement sans support spécifique aux anciens navigateurs. Si il y a une exigence particulière sur ce point, il faudra penser à des solutions alternatives pour ces anciens navigateurs, ou alors, à mon sens c'est le mieux: penser en terme d'amélioration progressive (d'ailleurs, sur un point unique pris comme ça, ça pourrait aussi être de la dégradation gracieuse).
Sur ce même sujet:
Le support actuel: http://caniuse.com/#search=box-shadow
Pierre coup double: sur Alsacréation et par Geoffrey Crofte: http://www.alsacreat...adow-ombre.html
et aussi https://developer.mo.../CSS/box-shadow
ou encore https://css-tricks.c...css-box-shadow/
Il existe d'autres générateurs en ligne, mais moins complets il me semble (pour ceux que j'ai trouvé).
Ce qui est bien avec ce générateur, c'est d'abord le gain de temps, sa complétude d'un point de vue des effets possibles, y compris la valeur inset qui peut aussi ajouter des compléments graphiques intéressants,
les propriétés concernées par un préfixages sont bien préfixées,
et surtout: le code est présenté de façon pédagogique (dans le sens où sa lecture fait apparaître la construction de l'ombre),
ainsi que flexible pour les tests, moderne et propre.
Un point toutefois: le site propose un code très bien écrit mais clairement sans support spécifique aux anciens navigateurs. Si il y a une exigence particulière sur ce point, il faudra penser à des solutions alternatives pour ces anciens navigateurs, ou alors, à mon sens c'est le mieux: penser en terme d'amélioration progressive (d'ailleurs, sur un point unique pris comme ça, ça pourrait aussi être de la dégradation gracieuse).
Sur ce même sujet:
Le support actuel: http://caniuse.com/#search=box-shadow
Pierre coup double: sur Alsacréation et par Geoffrey Crofte: http://www.alsacreat...adow-ombre.html
et aussi https://developer.mo.../CSS/box-shadow
ou encore https://css-tricks.c...css-box-shadow/
Il existe d'autres générateurs en ligne, mais moins complets il me semble (pour ceux que j'ai trouvé).
