تولیدکننده CSS Box Shadow
CSS Box Shadow چیست؟
ویژگی CSS box-shadow افکتهای سایه را در اطراف قاب یک عنصر اضافه میکند. سایهها میتوانند افست شوند، بلور شوند، گسترش یابند، رنگآمیزی شوند و به عنوان inset (سایه داخلی) تنظیم شوند. چندین سایه جدا شده با کاما میتوانند برای افکتهای غنی لایهبندی شوند. این تولیدکننده به شما امکان میدهد سایههای پیچیده چند لایه را به صورت بصری بسازید و CSS آماده برای چسباندن را در کلیپبورد کپی کنید.
نحوه استفاده از تولیدکننده Box Shadow
-
لغزندههای Offset X/Y، Blur و Spread را برای موقعیتیابی و شکل دادن به سایه تنظیم کنید.
-
روی نمونه رنگ کلیک کنید تا رنگ سایه را انتخاب کنید، و از لغزنده Opacity برای شفافیت استفاده کنید.
-
'Inset' را فعال کنید تا درخشش داخلی یا افکت فشرده ایجاد شود.
-
روی '+ افزودن لایه' کلیک کنید تا چندین سایه روی هم قرار گیرند.
-
CSS تولید شده را کپی کرده و در فایل استایل خود پیست کنید.
Keywords: تولیدکننده CSS box shadow، box-shadow CSS، ابزار سایه CSS، CSS drop shadow، سایه داخلی، سایه چند لایه، CSS shadow آنلاین