Ilmainen muunnin

Laatikko varjo Generaattori

Luo CSS box-shadow visuaalisesti reaaliaikaisella esikatselulla. Lisää useita varjokerroksia, säädä sumentamista, levitystä, väriä ja inset-toimintoa — ilmainen ja asiakaspuoli.

Reaaliaikainen esikatselu
Preview
CSS-tulostus
.element {
  box-shadow: 4px 4px 16px 0px rgba(0, 0, 0, 0.25);
}
Kerros 1

Vaakasiirtymä4px
-50px50px
Pystysiirtymä4px
-50px50px
Sumennettu säde16px
0px100px
Levityssäde0px
-50px50px
Varjoväri
#000000
Peittävyys25%
0%100%
Upotettu
outset

Tietoa tästä työkalusta

Luo ja mukauta sisältöä suoraan selaimessasi olevalla Box Shadow Generatorilla. Määritä asetuksesi, luo tulos ja lataa tai kopioi tulos. Kaikki toimii asiakaspuolella – tietosi pysyvät yksityisinä ja käsittely on välitöntä.

Käyttöohjeet

  1. Määritä asetukset ja valinnat tarpeidesi mukaan.
  2. Luo tulos napsauttamalla Luo.
  3. Esikatsele tulosta ja muokkaa tarvittaessa.
  4. Lataa tulostiedosto tai kopioi se leikepöydällesi.

Usein kysytyt kysymykset

Voinko mukauttaa luotua tulosta?
Kyllä. Työkalu tarjoaa erilaisia ​​mukautusvaihtoehtoja tulosteen räätälöimiseksi erityistarpeidesi mukaan. Säädä asetuksia ennen luomista tai luo uudelleen eri vaihtoehdoilla.
Onko luotu sisältö vapaasti käytettävissä?
Kyllä. Kaikki, mitä luot tällä työkalulla, on sinun käytettäväksesi henkilökohtaisiin, koulutus- tai kaupallisiin tarkoituksiin ilman rajoituksia tai merkintävaatimuksia.
Vaatiiko tämä tilin?
Ei. Työkalu on heti käyttövalmis ilman rekisteröitymistä, sähköpostia tai rekisteröintiä. Avaa vain sivu ja aloita luominen.
Pidetäänkö syöttämäsi tietoni yksityisinä?
Kyllä. Kaikki käsittely tapahtuu selaimessasi. Syöttötietojasi ja luotuja tulosteitasi ei koskaan lähetetä ulkoiselle palvelimelle.