Motif
dots / 16px
Sortie
radial-gradient(...)
Outils de design
Motif d'arrière-plan CSS — Points, rayures et grilles
Générez des motifs d'arrière-plan CSS purs tels que des points, des rayures, des damiers et des grilles. Ajustez les couleurs et la taille, puis copiez le CSS pour les remplissages décoratifs, les espaces réservés et les expériences visuelles.
CSSArrière-planMotif
Ajouter cet outil aux favoris
Aucun mode de stockage des favoris n’a été sélectionné.
Actions rapides
Copiez l’URL de cet outil ou ouvrez la feuille de partage du système sur un appareil compatible.
设计配色
Motif d'arrière-plan CSS
Générez des motifs d'arrière-plan CSS purs tels que des points, des rayures, des damiers et des grilles. Ajustez les couleurs et la taille, puis copiez le CSS pour les remplissages décoratifs, les espaces réservés et les expériences visuelles.
Background Style Code
Cas d’usage
- Ajouter des arrière-plans de page décoratifs
- Créer des textures d'espace réservé
- Essayez de répéter des motifs rapidement
Mode d’emploi
- Choisissez un type de motif
- Ajustez les couleurs et la taille
- Prévisualisez et copiez le CSS
Exemples d’entrée et de sortie
FAQ
Génère-t-il un fichier image ?
Non. La sortie est un code d'arrière-plan CSS que vous pouvez coller dans des feuilles de style.
Puis-je définir des motifs personnalisés ?
Les préréglages couvrent les points, les rayures, les damiers, les grilles et les options similaires. Les motifs plus complexes nécessitent des dégradés personnalisés.
Outils
Outils associés
Poursuivez avec un autre outil traduit pour une tâche proche.
Générateur de dégradé CSS
Générateur de dégradé CSS – Linéaire, Radial, Conique
Créez visuellement des dégradés CSS linéaires, radiaux et coniques. Ajustez l'angle et les positions des arrêts, ajoutez plusieurs arrêts et copiez le CSS pour les arrière-plans, les boutons et les transitions de marque.
CSS Dégradé Arrière-plan
Glassmorphisme CSS
Glassmorphisme CSS — Générateur de cartes en verre dépoli
Ajustez la couleur, l'opacité, le flou et le contour pour prévisualiser et générer du CSS de carte en verre dépoli avec backdrop-filter. Utile pour les panneaux translucides et les couches de navigation ; tout s'exécute dans le navigateur.
CSS Glassmorphism backdrop-filter