← Tööriistad
Disain ja CSS
Looge värve, tundliku suuruse määramist ja tootmisvalmis CSS-i.
Värv ja ligipääsetavus
CSS paigutus ja efektid
- Box Shadow generaatorLohistage liugureid box-shadow kujundamiseks, lisage sügavuse saavutamiseks kihte ja kopeerige valmis CSS kohe.
- Gradiendi generaatorLooge lineaarseid, radiaalseid või koonilisi gradiente, lisage värvipunkte ja määrake suund ning kopeerige CSS ühe klõpsuga.
- Border Radiuse generaatorÜmardage iga nurka liuguritega, kujundage orgaanilisi mulle elliptilise režiimiga ja kopeerige CSS kohe.
- Flexboxi generaatorSeadistage flex-konteiner ja selle elemendid visuaalsete juhtnuppudega, vaadake paigutuse reageerimist reaalajas ja kopeerige CSS ühe klõpsuga.
- CSS Gridi generaatorMäärake veerud ja read, lohistage üle lahtrite elementide paigutamiseks ning kopeerige griddi CSS koos sobiva HTML-iga ühe klõpsuga.
- CSS Cubic Bezier generaatorLohistage kahte pidet üleminekukõvera kujundamiseks, vaadake punkti liikumist võrdluses ühtlase liikumisega ja kopeerige cubic-bezier() väärtus.
- CSS clamp() kalkulaatorSisestage suurus väikeste ja suurte ekraanide jaoks ning saate sujuvalt skaleeruva clamp() väärtuse fondi suuruste, paddingute, marginite või gapide jaoks.
Ekraan, trükk ja proportsioonid
- Pikslite / DPI teisendajaTeisendage pikslid tollideks, sentimeetriteks ja millimeetriteks mis tahes DPI/PPI juures — nii ekraanidisaini kui ka trükitööde jaoks.
- Ekraani PPI kalkulaatorSisestage eraldusvõime ja ekraani suurus, et saada teada pikslitihedus, pikslisamm, füüsilised mõõtmed ja palju muud.
- px to rem & em konverterTeisendage px, rem ja em vahel, kasutades oma juur- ja kontekstifondi suurusi — muutke mistahes välja ja ülejäänud kaks uuenevad tippimise ajal.
Fontide kontroll ja litsentsimine
Selles kategoorias pole sobivaid tööriistu.