Créer un compte
Connexion

Générateur d'ombres CSS3

Bienvenue sur le Générateur d'ombres CSS3,
Ce générateur vous permet de générer le code CSS3 pour ajouter une ombre à des boites (divs) html.. Ce générateur vous permet de modifier très facilement plusieurs paramètres de l'ombre que vous désirez créer. Vous pouvez modifier la taille (distance à partir du centre) de l'ombre, sa couleur, son niveau d'opacité, le niveau de flou, le type d'ombre (Interne ou Externe) et le repositionnent de l'ombre(Horizontal et Vertical). Au fur et à mesure que vous modifiez les paramètres de votre ombre, un aperçu est automatiquement généré dans la zone Résultat du générateur. Lorsque le résultat vous satisfait, vous pouvez directement copier le code CSS3 généré dans la zone Code du générateur. Les propriétés CSS3 générées par ce générateur ne fonctionnent que sur les navigateurs récents tel que FireFox, Safari, Google Chrome, Internet Explorer 9, Opera...
Cet outil est gratuit à 100%

Résultat

Voici le code CSS3 pour mettre l'effet d'ombre sur un élément HTML:

Options

px

%
px
Extérieure Intérieure
px
px

Préfixes spécifiques aux navigateurs






Outils Similaires (qui pourraient vous intéresser)

Ombres sur texte CSS3 Coins arrondis Border-Radius CSS3 Boutons CSS3 Cartes Google Maps Code flash Barres de navigation