Pi bon lib CSS Box Shadow Generator
Vizyèlman bati CSS bokit-odyans ak gade nan vityèl, insert ak yon dezyèm kouch — kopi kòd la.
100% gratis
Pa gen enskripsyon
Pa gen watermark
Fichye ki te trete nan memwa, pa janm estoke
✨
Go Pro pou pi bon modèl AI - imaj, videyo ak chat - plis uploading pi gwo, priyorite nan liy lan ak pa gen okenn tann.
Ajoutè pou Pro
Love best.free? Partager
Kijan li travay
- Deplase glisman yo. Konfigurer l'offset, le flou, l'étendue, la couleur et l'opacité; activer/désactiver l'insertion si vous voulez une ombre intérieure.
- Gade nan imaj la. Bokit la ap mete ajou pandan w'ap glise; ajoute yon dezyèm kouch nan opsyon Avanse pou pwofondè.
- Kopi CSS. Hit Kopi CSS ak kole bokit- odyans règleman dwat nan stylesheet ou.
Atik sa a
Desine yon bokit-odyans san ou pa bezwen konnen valè pixel yo. Travèse glisman offset-X, offset-Y, flour ak spread, chwazi yon koulè odyans ak dial opasite li, epi gade yon bokit ki ap viv ak yon aperçu mete ajou nan tan reyèl — Lè sa a kopye CSS egzak bokit-odyans lan. Flip inset toggle pou yon odyans andedan. Opsyon Avanse yo empilye yon dezyèm kouch odyans, pou ou ka konstwi odyans mou, multi-kouch ki itilize sou kat ak bouton modèn. Tout sa kouri nan navigatè ou a.
Ki sa moun yo itilize li pou
- Ajoute yon ombraj mou sou kat ak modèl
- Kreye yon ombraj andedan pou enpòte ak po
- Empilye de kouch pou yon ombraj divès ki reyèl
- Ajusté offset ak flou pou matche ak yon mock-up konsepsyon
Kesyon ki poze souvan
Ofset-X/Y deplase ombre a orizontalman ak vertikalman, flour a fè randevou a pi mou, epi li ogmante oswa redwi ombre a tout antye anvan flour la ap aplike. Preview a montre chak chanjman imedyatman.
Inset desine ombre a andedan eleman plas de dèyè li, bay yon gade pressé-dan — itil pou enpòte ak toggles. Flip inset toggle pou switch.
Chwazi yon koulè, lè sa a itilize glisman opasite a; zouti a pral montre yon valè rgba() pou ke odyans lan ka fonn natirèlman.
Wi. Ou ka louvri opsyon avanse pou pèmèt yon dezyèm kouch omaj ak pwòp offset, flou, koulè ak insert li.
Pa. Pwodui a kouri tout antye nan navigatè ou; glisman yo jis konpile yon string CSS lokalman.
Totalman gratis, pa gen okenn kont ak pa gen okenn limit - yon zouti bò kliyan an ak anyen pou mezire.
Wi, li kouri nan navigatè ou, se konsa CSS Box Shadow Generator travay sou telefòn ak tablèt kòm byen ke sou Desktop — pa gen okenn app pou enstale.
Anjeneral, jis kèk segonn pou yon dosye ki tipik - CSS Box Shadow Generator kòmanse travay nan moman an ou ba li ou enpòte.
Itilizasyon kavalye se san limit, anba yon limit bon jan pou itilize ki fè li vit pou tout moun.
Tout navigatè modèn - Chrome, Safari, Firefox ak Edge.CSS Box Shadow Generator pa bezwen anyen enstale plis pase navigatè a ou deja itilize.