CSS Box Shadow Generator
Ano ang CSS Box Shadow?
Ang CSS na katangiang box-shadow ay nagdadagdag ng mga epekto ng anino sa paligid ng frame ng isang elemento. Ang mga anino ay maaaring i-offset, i-blur, i-spread, kulayan, at itakda bilang inset (panloob na anino). Maraming anino na pinaghiwalay ng kuwit ang maaaring i-stack para sa malalim na mga epekto. Ang generator na ito ay nagbibigay-daan sa iyong bumuo ng mga kumplikadong multi-layer na anino nang biswal at kopyahin ang CSS na handa nang i-paste sa clipboard.
Paano Gamitin ang Box Shadow Generator
-
Ayusin ang mga slider para sa Offset X/Y, Blur, at Spread para maposisyon at mahubog ang anino.
-
I-click ang color swatch para pumili ng kulay ng anino, at gamitin ang Opacity slider para sa transparency.
-
I-toggle ang 'Inset' para lumikha ng panloob na ningning o pressed effect.
-
I-click ang '+ Magdagdag ng layer' para mag-stack ng maraming anino.
-
Kopyahin ang nabuong CSS at i-paste ito sa iyong stylesheet.
Keywords: CSS box shadow generator, box-shadow CSS, CSS shadow tool, CSS drop shadow, inset shadow, multi-layer shadow, CSS shadow online