Generator CSS sence kvadratka
Ustvari CSS box-shadow vrednost iz premika, romljenosti, razširitve in barve, z več sloji in predlogami.
Generator CSS sence kvadratka
Prilagodi vodoravni in navpični premik, radij romljenosti, radij razširitve in barvo, ta orodje pa bo sestavljalo ustrezno box-shadow izjavo, medtem ko delaš. Zgrajeno je za vsakodnevno rabo — kartice, gumbe, modalne okence, ki se morajo dvigniti z strani — kot tudi za slojevite sence, narejene iz več senc, naslaganih skupaj, tehnike, ki stoji za mehko, realistično globino, ki se uporablja v večini modernih oblikovalskih sistemov.
Padajoči meni Predloga ponuja subtilno, srednjo in moćno elevacijo, vsaka sa svojimi slojem, premikom in romljenostjo že nastavljeni; izberi Prilagojeno, da sam upravljaš vsako vrednostjo. Možnost Sloji nadzira, koliko senc se nalagajo: vsak dodatni sloj povečuje premik in romljenost glede na njegov indeks in zniža njegov prosojnost, prevajajočo eno ravno senco v mehko, prepričljivo. Vgnjena smer preusmeri senco navznoter za pritisnene elemente, prosojnost nadzira, kako se barva bere, sklopka enote pa rezultate kot px ali rem. Prižgi varianto za temni način za drugo, močnejšo izjavo, ovito v @media (prefers-color-scheme: dark) blok — senca potrebuje večjo prosojnost, da ostane vidna na temni ozadini. Izberi, ali rezultat pride kot ena vrstica, --box-shadow prilagođena svojstva, ali .box-shadow razred, in dodaj ustrezno linijo filter: drop-shadow za elemente, ki jih box-shadow ne more dosegati, kot so SVG ikona ali PNG s prosojnostjo.
Vsaka vrednost je omejena na razumen razpon, neprepoznana barva pa se vrne na črno namesto razdeljenega CSS-ja, zato izhod vedno lepo pase v slogovno tabelo.
Se izvaja v tvojem brskalniku, medtem ko prilagodjavaš nadzore — nobena barva ali ustvarjen CSS nikoli ni poslana nikamor. Kopiraj rezultat, ga preznesi kot .txt datoteko, ali ga pošlji drugemu orodju, da nadaljuješ z delom nanj.