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
Size
Color
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é.
Convertissez JSON vers XML sans effort
Transformez vos données JSON au format XML structuré en un seul clic. Rapide, sécurisé et entièrement basé sur un navigateur.
Convertissez JSON vers Texte sans effort
Transformez vos données JSON en texte brut formaté en un seul clic. Rapide, sécurisé et entièrement basé sur un navigateur.
Générateur de triangles CSS
Personnalisez votre triangle avec les options ci-dessous et obtenez instantanément le code CSS généré.