Créez de magnifiques ombres CSS en toute simplicité
Générez de superbes ombres de boîte grâce à notre interface intuitive. Copiez le code CSS et utilisez-le instantanément dans vos projets.
Preview
de la boîte Ombre
Personnalisez-moi
Sortie
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
Contrôles des ombres Rayon
Position
0px
4px
Size
6px
-1px
Color
10%
Options
Presets
Ombre douce Ombre
Ombre moyenne Ombre
Ombre lourde Ombre
Ajouter
Contour diagonal
Lueur
ombre
levée Effet
Comment utiliser
commandes
- Ajustez le décalageDécalagepour déplacer l’ombre vers la gauche ou la droite
- Ajustez ledécalagepour déplacer l’ombre vers le haut ou vers le bas
- Augmentez lerayon depour rendre l’ombre plus
- Use Rayonpour augmenter ou diminuer la taille globale de l’ombre
- Modifiez leColor and Opacitypour personnaliser l’apparence
Fonctionnalités
- Enable Ombre en médaillon pourcréer un effet
- Use Plusieurspour des effets
- Enregistrer et chargerPresetspour un accès rapide à vos ombres préférées Ombre
- Click Ombrepour l’inspiration
- Copiez le code CSS généré et collez-le dans votre projet
Related Tools
Convertisseur de stylet en CSS
Rapide, facile et sécurisé.
Convertisseur SCSS en CSS
Transformez votre code SCSS en CSS. Rapide, facile et sécurisé.
Convertisseur Sass en CSS
Transformez votre code Sass en CSS. Rapide, facile et sécurisé.
Convertisseur CSS vers SCSS
Transformez votre code CSS en SCSS avec des variables, l’imbrication, etc. Rapide, facile et sécurisé.
Convertisseur d'image vers Base64
Convertissez les images en encodage Base64 pour le développement Web et l’intégration
Générateur de transitions CSS3
Transition