Box Shadow Generator
Rakenna kerrostettuja CSS-laatikon varjoja visuaalisesti ja kopioi koodi.
- Ilmainen
- Ei ilmoittautumista
- Toimii selaimessasi
- Toimii mobiililaitteella
{nimi} yhdellä silmäyksellä
- Syöte
- Varjon asetukset
- Lähtö
- CSS-ruutuvarjo
- Yksityisyys
- Kaikki tapahtuu laitteellasi. Mitään ei ole ladattu.
- Hinta
- Ilmainen, ei tiliä, ei vesileimaa.
Kuinka käyttää Box Shadow Generator
- 1Säädä liukusäätimiä.
- 2Lisää kerroksia pehmentääksesi syvyyttä.
- 3Kopioi CSS.
Ominaisuudet
- Jopa 5 kerrosta.
- Upotetut varjot.
- Esikatsele omia värejäsi.
- Yksityinen: toimii selaimessasi; mitään ei ole ladattu.
Box Shadow Generator UKK
Miksi käyttää useita kerroksia?
Aidoissa varjoissa yhdistyvät tiukka, tumma ja leveä, pehmeä.
Onko Box Shadow Generator yksityinen?
Kyllä. Box Shadow Generator toimii kokonaan selaimessasi, joten mitä syötät tai avaat, se ei koskaan poistu laitteestasi eikä mitään lähetetä palvelimellemme.
Minkä kanssa voin käyttää Box Shadow Generatoria?
Syöte: Varjoasetukset. Saat: CSS box-shadow.
Aiheeseen liittyvät työkalut
CSS-gradienttigeneraattoriSuunnittele lineaariset, säteittäiset ja kartiomaiset gradientit ja kopioi CSS.Border Radius GeneratorPyöristä kulmat visuaalisesti, yksi tai kaikki kerralla, ja kopioi CSS-lyhenne.CSS-minifierPienennä CSS tehdäksesi tiedostoista pienempiä ja sivuista nopeampia.Base64-dekooderiPura Base64 (normaali tai URL-suojattu) takaisin tekstiksi.
Lisää developer toolsViimeksi päivitetty