CSS & ontwerp
Elke CSS & ontwerp-tool op Toolz.dev: 14 gratis hulpprogramma's die volledig in uw browser worden uitgevoerd. Geen aanmelding, geen uploads, geen downloads.
Showing 14 tools
CSS-gradiëntgenerator
Maak prachtige CSS-verlopen met live preview
CSS-tekstschaduwgenerator
Ontwerp gelaagde CSS-tekstschaduwen met een live preview en schuifregelaars voor offset, vervaging, kleur en dekking - bouw gloed, omtrek, retro 3D en reliëfeffecten op en kopieer vervolgens productieklare CSS.
CSS-grensradiusgenerator
Rond elke hoek af met een live preview en schuifregelaars per hoek, schakel tussen PX, %, EM en REM en kopieer de kortste geldige CSS-grensradius.
CSS-filtergenerator
Pas onscherpte, helderheid, contrast, grijstinten, sepia, tint en meer toe met live sliders en een preview, kopieer vervolgens de productieklare CSS-filtercode.
CSS-glasmorfisme-generator
Maak een UI van matglas met een live preview en schuifregelaars voor achtergrondvervaging, transparantie, verzadiging, kleur en straal - kopieer vervolgens productieklare CSS.
CSS-generator voor neomorfisme
Maak soft-UI (neumorfe) elementen met een live preview en bedieningselementen voor afstand, vervaging, intensiteit, straal, oppervlaktekleur en platte/concave/convexe/geperste vormen - kopieer vervolgens de CSS.
Flexbox Generator
Bouw CSS flexbox lay-outs visueel Aanpassen justify-content, align-items, direction, wrap en gap met een live preview, kopieer vervolgens de gegenereerde CSS - alles in uw browser.
CSS Grid Generator
Bouw CSS Grid lay-outs visueel Instellen kolommen, rijen, track maten, hiaten en uitlijning met een live preview, kopieer vervolgens het gegenereerde grid CSS - allemaal in uw browser.
CSS Transform Generator
Bouw een CSS-transformatie vanuit translate, rotate, scale, skew en 3D perspectief met live sliders en een preview, en kopieer vervolgens productieklare code.
CSS Transition Generator
Bouw een CSS-overgang van eigenschap, duur, timingfunctie en vertraging met een live hover preview, en kopieer vervolgens productieklare code Ondersteunt meerdere lagen.
CSS Animation Generator
Bouw CSS-sleutelframe-animaties op basis van presets zoals fade, slide, bounce en spin. Pas de duur, versoepeling, vertraging, iteratie en richting aan, bekijk live een voorbeeld en kopieer vervolgens de keyframes en de steno van de animatie.
CSS-doosschaduwgenerator
Ontwerp gelaagde CSS-boxschaduwen met een live preview en schuifregelaars voor offset, vervaging, spreiding, kleur, dekking en inzet - kopieer vervolgens productieklare CSS.
CSS-eenheidconverter
Converteer tussen CSS-eenheden - px, rem, em, pt en % - met een configureerbare hoofdlettergrootte, directe uitvoer van alle eenheden en een px-naar-rem-referentietabel voor responsieve typografie.
CSS Clamp Generator
Genereer vloeiende, responsieve CSS-klem () waarden die schalen tussen viewports