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
Générateur de barres de défilement CSS
Personnalisez facilement les barres de défilement de votre site WebCréez de superbes effets de texte dégradé pour votre site Web
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é.
Hexagonal vers binaire
Convertissez sans effort le code hexadécimal en binaireConvertissez les codes de couleur HEX en CMJN pour les applications
Calculateur de hachage SHA-512/224
Générez des hachages SHA-512/224 rapidement et facilement
Calculateur de hachage SHA-512/256
Générez des hachages SHA-512/256 rapidement et facilement