Ամենալավ ազատ CSS Box Shadow գեներատոր
Վիզուալ կառուցել CSS box-shadow-ը կենդանի տեսքով, ներառել և երկրորդ շերտ՝ կպցնելով կոդը։
100% անվճար
Չկա գրանցում
ջրային նշան չկա
Ֆայլերը պահպանվում են հիշողության մեջ, երբեք չեն պահպանվում
✨
Go Pro-ն առաջարկում է AI-ի լավագույն մոդելները՝ նկարներ, տեսանյութեր և զրույցներ, ինչպես նաև ավելի մեծ բովանդակություն, նախապատվություն հերթապահության մեջ և առանց սպասելու։
Նորացնել Pro
Սիրտ best.free? Կիսվել այնով
Ինչպես է այն աշխատում
- Քաշել սլացողները. Ստեղծել փոխադրում, խավար, տարածում, գույն և անջատվածություն։ Աջակցել ներքևի ցուցակին, եթե ցանկանում եք ներքին շերտ ունենալ։
- Ներկայացնել նախնական տեսքը. Օգտագործողի ցուցադրվող տուփը թարմացվում է, երբ այն քաշում եք։ Ավելացնել երկրորդ շերտ խորության համար ՝ Ընդլայնված ընտրանքներում։
- Կոպտել CSS- ը. Կտտացրեք Կոպտել CSS և տեղադրեք box-shadow կանոնը ձեր շտեմարանում։
Ընդհանուր
Կերտել տուփ-թևիկ առանց պիքսելի արժեքները ենթադրելու։ Սեղմեք X-ի, Y-ի, խավարման և տարածման սլացողները, ընտրեք թևիկի գույնը և փոխեք նրա անջատելիությունը, և դիտեք իրական ժամանակում թևիկի առաջադրանքը՝ ապա կպցրեք ճիշտ թևիկի CSS-ը։ Կրկնեք ներքևի թևիկի փոխանցումը ներքին թևիկի համար։ Ավելի հարմարեցված ընտրանքները դասավորում են երկրորդ թևիկի շերտ, որպեսզի դուք կարողանաք ստեղծել մաքուր, բազմակողմանի թևիկներ, որոնք օգտագործվում են ժամանակակից քարտեր և կոճակներ։ Ամեն ինչ աշխատում է ձեր բրաուզերում։
Ինչի համար են մարդիկ օգտագործում այն :
- Ավելացնել մաքուր տակնուվրա քարտերուն և մոդալներին
- Կերտել ներքին (ինստալացված) թիթեղ մուտքագրումների և ջրաղացների համար
- Կապել երկու շերտերը` իրական, պոռթկուն շերտ ստեղծելու համար
- Կապել օֆսեթը և խավարումը, որպեսզի համապատասխանեն դիզայնի մոկուպի
Հաճախակի տրվող հարցեր
X/Y-ի փոխադրումը տեղաշարժում է թիթեղը հորիզոնական և ուղղահայաց ուղղությամբ, խավարը մեղմացնում է դրա եզրերը, իսկ տարածումը մեծացնում կամ փոքրացնում է ամբողջ թիթեղը մինչև խավարի կիրառումը։ Առաջնային տեսքը ցույց է տալիս յուրաքանչյուր փոփոխությունը միանգամից։
Ընդգրկելը նկարում է տերմինալի ներսում, ոչ թե դրա հետևում, որն էլ տալիս է կտրված տեսք, որը օգտակար է մուտքագրման և փոխանակման համար։ Ընդգրկելը փոխանակելու համար ետ շրջեք կտրվածքը։
Ընտրեք գույնը, ապա օգտագործեք անջատիչը։ Ապրանքը rgba() արժեք է արտադրում, որպեսզի շերտերը բնականորեն խառնվեն։
Այո։ Առաջարկվում է բացել հավելյալ ընտրանքներ՝ թույլ տալով ստեղծել երկրորդ շերտ՝ իր սեփական փոխադրումով, խավարով, գույնով և ներքևի հատվածով։
Ոչ։ Գերմանիան ամբողջությամբ աշխատում է ձեր բրաուզերում։ Սահմանափակիչները պարզապես հաշվարկում են CSS- ի դասավորությունը տեղականորեն։
Առանց սահմանափակումների, առանց հաշիվների և առանց սահմանափակումների, ամբողջությամբ անվճար, ոչ մի չափման գործիք չունեցող հաճախորդային գործիք։
Այո, այն աշխատում է ձեր բրաուզերում, այնպես որ CSS Box Shadow Generator-ը աշխատում է ինչպես հեռախոսների, այնպես էլ սմարթֆոնների վրա, ինչպես նաև աշխատասեղանի վրա, և տեղադրելու համար ոչ մի ծրագիր չկա։
Ընդհանուր առմամբ, մի քանի վայրկյան տևում է սովորական ֆայլի ստեղծումը — CSS Box Shadow Generator-ը սկսում է աշխատել այն պահից, երբ դուք տալիս եք դրա համար ձեր տվյալները։
Օգտագործման դեպքում արգելք չկա, բայց կան արդար օգտագործման սահմանափակումներ, որոնք թույլ են տալիս արագ օգտագործել այն բոլորի համար։
Բոլոր ժամանակակից բրաուզերները՝ Chrome, Safari, Firefox և Edge։ CSS Box Shadow Generator-ը ոչինչ չի պահանջում տեղադրել բացի ձեր արդեն օգտագործվող բրաուզերից։