bordures et fonds originaux sans image.

Cette démonstration CSS3 n'est pas compatible avec IE8 et inf

Les nouvelles possibilités de style offertes , permettent de modifier l'aspect de nos boites H.T.M.L. en se passant des fonctions de bases d'un logiciel de graphisme.

Pour ceux qui n'en sont pas convaincu voici une serie de boites aux bordures et effet de fond réalisé sans images.Votre navigateur doit être récent et implémenter les regles de style suivantes:

  1. box-shadow
  2. text-shadow
  3. border-radius
  4. background radient
  5. background-size
  6. ombrages avec text-shadow et box-shadow multiples
  7. .

Comme les exemples des pages précédentes, la superposition et décalage d'ombres multiples permettent des effets de fondu, transition et contrastes.

Ces exemples ont étè dessiner avec le navigateur Firefox comme reference, Les resultats peuvent différer d'un navigateur à l'autre. Ces possibilité sont encore a l'état de brouillon, fin 2010, début 2011.Les résultats ne sont donc pas garantis :)

Couvercle plastique

box-shadow

Gradient

border-radius

Cadre

box-shadow

Cadre 2

box-shadow

Cadre 3

box-shadow

border-radius

box-shadow et gradient

franchouillard
pile
ou
face ?
white
blue
green
yellow
red,
purple
pink
white
blue
green
yellow
red,
purple
pink
box-shadow
batterie
case
Oh ! demo
18

Ecrire un commentaire




Quelle est la troisième lettre du mot qizsp ?