Aller au contenu


[CSS] générer une box CSS avec ombre portée

CSS

  • Vous ne pouvez pas répondre à ce sujet
1 reply to this topic

#1 Tchim

Tchim

    A vos souhaits !

  • Administrateur
  • PipPipPipPipPipPipPipPipPip
  • 4 279 Messages :
  • Gender:Male
  • Location:Valles Marineris.

Posté 30 mai 2013 - 10:24

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

 

@+

 


Que la paix vous accompagne !


#2 noisette

noisette

    Webmarster

  • Admin
  • PipPipPipPipPipPipPipPipPip
  • 21 797 Messages :
  • Gender:Male

Posté 29 juillet 2015 - 09:58

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é).



1 utilisateur(s) en train de lire ce sujet

0 membre(s), 1 invité(s), 0 utilisateur(s) anonyme(s)