La Desproduction
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.



 
AccueilAccueil  Dernières imagesDernières images  RechercherRechercher  S'enregistrerS'enregistrer  ConnexionConnexion  
-20%
Le deal à ne pas rater :
-200€ Smart TV LG 65″ 4K QNED MiniLED
799 € 999 €
Voir le deal

Partagez | 
 

 Les ombres ( text & box )

Voir le sujet précédent Voir le sujet suivant Aller en bas 
~ Auteur ~~ Message ~
Na'Ya
Psykokwak !
Na'Ya

Psykokwak !
Messages : 2314
Date d'inscription : 10/06/2009
Age : 32

Les ombres ( text & box ) Vide
Mar 28 Déc - 16:21
Les ombres

Voici les codes permettant de mettre une ombre !
Ils peuvent s'utiliser en les ajoutant à une class dans votre CSS, ou être directement mis dans un post avec la balise
Code:
<span style="LE CODE"> TEXTE </span>

1. Les ombres sous un texte
Code:
text-shadow : 0px 2px 3px #000000;

0px correspond à la distance vers la droite. Plus la valeur est grande et plus l'ombre sera éloignée vers la droite. Pour que l'ombre soit vers la gauche, il faut mettre un nombre négatif.
2px correspond à la distance vers le bas. Plus la valeur est grande et plus l'ombre sera éloignée vers le bas. Pour que l'ombre soit vers le haut, il faut mettre un nombre négatif.
3px correspond à la taille de l'ombre. Plus la valeur est grande et plus l'ombre sera grande et flou.
#000000 correspond à la couleur de l'ombre.

2. Les ombres sous une boîte ( image, tableau, div, etc )

Code:
-moz-box-shadow : 0px 2px 3px #000000 ;
-webkit-box-shadow : 0px 2px 3px #000000 ;
box-shadow : 0px 2px 3px #000000 ;

( voir explication ci-dessus )

Wolaaah, mais y'a 3 codes, là !
Oui, malheureusement pour nos doigts, tout les navigateurs ne connaissent pas le même code. Et c'est sans parler de IE qui n'en connait encore aucun... ( ou alors que depuis récemment et on m'a pas mise au courant )
Donc par exemple, si vous utilisez seulement le premier ( -moz- ), seul Firefox mettra des ombres. Il est donc vivement conseillé d'utiliser les 3.
Revenir en haut Aller en bas
 

Les ombres ( text & box )

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
La Desproduction :: Aide Graphique :: Réalisation de Site Web & Forum :: codes CSS & HTML-
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit