Ən Yaxşı Pulsuz CSS qutunun kölgəsi yaradan
CSS box-shadow'u canlı önizləmə, daxiletmə və ikinci təbəqəsi ilə vizual olaraq qur - kodu kopyala.
100% pulsuz
Qeydiyyat yoxdur
Su işarəsiz
Faylların yaddaşda işlənməsi, heç vaxt saxlanılmaması
✨
Go Pro ən yaxşı AI modelləri üçün - şəkil, video və söhbət - plus daha böyük yükləmələr, növbədə prioritet və gözləmə.
Pro-ya yüksəlt
Sevgi best.free? Bölüşdür
Bu necə işləyir
- Sürücüləri hərəkət etdir. Ətraflı, boğma, yayılma, rəng və qaranlıqlığı təyin et; daxili kölgə istəsən inset-i işə sal.
- Önizləməni izlə. Canlı qutusu sürüklədikcə yenilənir; dərinlik üçün Əlavə seçimlərdə ikinci bir təbəqəni əlavə et.
- CSS-i Köçür. CSS-i Köçür düyməsini basın və box-shadow qaydasını düzəlt.
Bu vasitə haqqında
Piksel dəyərlərini təxmin etmədən qutular kölgəsi dizayn edin. X, Y, dağılma və yayılma sürücülərini sürükləyin, kölgə rəngi seçin və onun qaranlıqlığını dəyişin, və canlı önizləmə qutusu real vaxtda yenilənir - sonra tam qutular kölgəsi CSS-ni kopyalayın. İç kölgə üçün daxili keçidi çevirin. Əlavə seçimlər ikinci kölgə təbəqəsini yüksəldir, buna görə də müasir kart və düymələrdə istifadə edilən yumşaq, çox təbəqəli kölgələri qura bilərsiniz. Hamısı brauzerinizdə işləyir.
İnsanlar bunu nəyə istifadə edirlər
- Kart və modallara yumşaq kölgə əlavə et
- Giriş və axınlar üçün daxili kölgə yarad
- Realistik, diffuz kölgə üçün iki təbəqəni bir-birinə yığın
- Dizayn mockup'a uyğun olaraq offset və blur'u düzəlt
Tez-tez soruşulan suallar
X/Y-dəğişiklik kölgəni üfüqi və şaquli olaraq hərəkət etdirir, boğma kənarlarını yumşaldır və boğma tətbiq olunmadan əvvəl bütün kölgəni genişləndirir və ya sıxır. Həyatda əvvəlki görüntü hər dəyişikliyi dərhal göstərir.
İnsersiya kölgəni elementin arxasında deyil, onun içində çəkir, bu da elementin içəridə olduğu kimi görünməsini təmin edir - girişlər və keçidlər üçün faydalıdır. Keçid etmək üçün insersiya keçidinin arxasını çevir.
Rəngi seçin və sonra qaranlıqlıq sürüşdürücünü istifadə edin; bu alət kölgə təbii olaraq qarışdığı üçün rgba () dəyərini çıxarır.
Bəli. Əlavə seçimləri açaraq ikinci kölgə təbəqəsini öz offset, blur, rəng və inset ilə fəallaşdır.
Xeyr. Yaratıcı tamamilə səyyahınızda işləyir; sürücülər yalnız CSS string-i yerli olaraq hesablayır.
Tam pulsuz, hesab yoxdur və limitlər yoxdur — ölçmək üçün heç bir şey olmayan bir müştəri tərəfli alət.
Bəli. Bu brauzerinizdə işləyir, buna görə də CSS Box Shadow Generator telefonlar və tabletlərdə də işləyir - quraşdırılması lazım olan tətbiq yoxdur.
Əsasən, adi bir fayl üçün bir neçə saniyə - CSS Box Shadow Generatoru siz onun daxili məlumatlarını verdiyiniz anda işləyir.
Casual istifadə, hər kəs üçün sürətli saxlayan böyük bir fair-use cap altında məhdudiyyətsizdir.
Bütün müasir brauzerlər - Chrome, Safari, Firefox və Edge. CSS Box Shadow Generator artıq istifadə etdiyiniz brauzerdən başqa heç bir şey quraşdırmamalıdır.