CSS-generator

Eenentwintig: Driehoeks-, Pijl-, Vorm-, Clip-Path- en Border-Radius-generatoren; Lint-, Tooltip- en Loader-componentbouwers; Editors voor Verloop-, Box-Shadow-, Tekst-Shadow-, Glassmorphism-, Neumorphism-, Filter-, Transform-, Animation- en Perspective-effect; plus Grid Builder, Flexbox Playground, Grid Playground en een CSS-variabelegenerator - alles in één interface.

Ja. De uitvoer is schone CSS die voldoet aan de standaarden en die u rechtstreeks in elke stylesheet of component kunt plakken. Waar het er toe doet (clippad, filters), zijn door de leverancier vooraf ingestelde fallbacks opgenomen, en voeren animatietools het volledige @keyframes-blok uit.

Open de Triangle-generator, kies een richting (omhoog, omlaag, links, rechts), stel de grootte en kleur in met de schuifregelaars en kopieer de op randen gebaseerde CSS. Het maakt gebruik van de klassieke randtruc met nulbreedte/nulhoogte die in elke browser werkt.

Ja. De Animation Builder biedt voorinstellingen (bounce, fade, slide-in, spin, shake, pop) met bedieningselementen voor duur, vertraging, timingfunctie en iteratietelling. Het genereert de volledige animatie-steno plus de @keyframes-regel voor u.

Ja. Pas de richting aan, vul de inhoud uit, lijn items uit, lijn terugloop, gaten en aantal items visueel uit, en de tool voert de exacte CSS voor uw container uit. Het is ideaal om te leren hoe elke woning de indeling beïnvloedt en om een ​​werkend startpunt te vinden.

Nee. Alles draait lokaal in uw browser: previews worden aan de clientzijde weergegeven en CSS wordt op uw apparaat gegenereerd. Er wordt niets geüpload, dus de tool is snel en volledig privé.