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é.
Convertisseur JSON vers Base64
Encodez vos données JSON au format Base64 de manière sûre et efficace.
Générateur de triangles CSS
Personnalisez votre triangle avec les options ci-dessous et obtenez instantanément le code CSS généré.
Convertisseur d'unités d'octets
Convertissez entre différentes unités d’informations numériques avec précision