Paras vapaa CSS Box Shadow Generator
Rakenna CSS-laatikon varjo visuaalisesti suoralla esikatselulla, sisäänasetuksilla ja toisella kerroksella – kopioi koodi.
100 % ilmaiseksi
Ei ilmoittautumista
Ei vesileimaa
Muistiin käsitellyt tiedostot, ei koskaan tallennettu
✨
Go Pro -mallit parhaille tekoälymalleille – kuva, video ja keskustelu – sekä isommat lataukset, jonon prioriteetti ja odotus kielletty.
Päivitä pro
Rakkaus best.free? Jaa se
Miten se toimii?
- Siirrä liukusäätimiä. Aseta offset, sumea, levittynyt, värikäs ja samea; aseta sisäänpäin, jos haluat sisäisen varjon.
- Katso ennakkonäytös. Live-laatikon päivitykset raahatessasi; lisää toinen kerros syvyyden lisävaihtoehtoihin.
- Kopioi CSS. Paina Kopioi CSS ja liitä laatikon varjosääntö suoraan tyylilistaan.
Tästä työkalusta
Piirrä offset-X, offset-Y, sumea ja levitä liukusäätimiä, valitse varjoväri ja valitse sen sameus ja katso suoran esikatselulaatikon päivitys reaaliajassa. Kopioi sitten tarkka laatikkovarjo CSS. Käännä sisään asetetulla ruudulla sisäinen varjo. Advanced-vaihtoehdot pinoavat toisen varjokerroksen, jotta voit rakentaa pehmeät, monikerroksiset varjot, joita käytetään nykyaikaisissa korteissa ja painikkeissa. Kaikki toimii selaimessasi.
Mihin ihmiset käyttävät sitä
- Lisää korttien ja modaajien pehmeä pudotusvarjo
- Luo sisääntuloille ja kaivoille sisäinen (asennettava) varjo
- Pinoa kaksi kerrosta realistiseen, hajanaiseen varjoon
- Viritetään ja sumennetaan mallimallia vastaavaksi
Usein kysyttyjä kysymyksiä
Offset-X/Y liikuttaa varjoa vaaka- ja pystysuunnassa, sumenee reunan ja leviää tai kasvaa ennen sumun levittämistä. Live-esikatselu näyttää jokaisen muutoksen välittömästi.
Inset vetää varjon elementin sisään sen sijaan, että se olisi takana, mikä antaa painetun ilmeen – käyttökelpoisen syötteille ja nykäyksille. Käännä sisäänrakennettua näppäintä vaihtaaksesi.
Valitse väri ja käytä sitten sameusliukusäädintä, jolloin työkalu tuottaa rgba-arvon, jolloin varjo sekoittuu luonnostaan.
Kyllä. Avoimet lisäasetukset, joilla toinen varjokerros voidaan asentaa omalla offset-, bridge-, väri- ja asettelukerroksella.
Ei. Generaattori toimii kokonaan selaimessasi; liukusäätimissä vain lasketaan CSS-jono paikallisesti.
Täysin ilmainen, ei tiliä eikä rajoja – asiakaspuolen työkalu, jolla ei ole mitään mitattavaa.
Kyllä. Se toimii selaimessasi, joten CSS Box Shadow Generator toimii puhelimissa ja tableteissa sekä työpöydällä – ei ole mitään sovellusta, johon asentaa.
Yleensä vain muutama sekunti tyypilliseen tiedostoon – CSS Box Shadow Generator alkaa toimia heti, kun annat sille syötettä.
Casual-käyttö on rajatonta, reilun käytön anteliaan suojakorkin alla, joka pitää sen nopeana kaikille.
Kaikki modernit selainsarjat – Chrome, Safari, Firefox ja Edge. CSS Box Shadow Generator ei tarvitse mitään selaimen lisäksi, jota jo käytät.