Энг яхши бепул CSS қути соясини яратувчи
Жисмоний кўриниш, киритиш ва иккинчи қатлам билан CSS қути-соясини визуал қуриш - кодни кўчириш.
100% бепул
Қўшилиш йўқ
Сув белгиси йўқ
✨
Энг яхши AI моделлари учун Go Pro'га ўтинг - сурат, видео ва суҳбат - янада катта юклашлар, навбатдаги устуворлик ва кутиш йўқ.
Pro'га янгилаш
Муносабатлар Best.Free? Уни бўлиш
У қандай ишлайди
- Слайдерларни кўчириш. Офсет, бўёқ, тарқалишни, ранг ва ёпиқликни ўрнатинг. Агар ички соя керак бўлса, интеграцияни ўчириш/ёқиш.
- Пешнамойиш. Жисмоний қути сиз тортиб олганингизда янгиланади; чуқурлик учун юқоридаги параметрларда иккинчи қатламни қўшиш мумкин.
- CSS нусхасини олиш. CSSни кўчириб олиш тугмасини босинг ва қути-соя қоидасини стиллар варақасига тўғридан-тўғри жойланг.
Ушбу асбоб ҳақида
Пиксел қийматларини тахмин қилмасдан қути-соясини яратинг. X-оферсия, Y-оферсия, бўёқсизлаштириш ва тарқатиш қувури билан, соя рангини танланг ва унинг оптик қобиғини ўзгартиринг, реал вақтда қутининг олдиндан кўриш янгиланишини кузатинг - кейин қути-соя CSS ни нусха олинг. Ички соя учун ёпишқоқни айлантиринг. Аввалги параметрлар иккинчи соя қатламини тўплайди, шунинг учун сиз замонавий карта ва тугмаларда қўлланиладиган юмшоқ, кўп қатламли сояларни яратишингиз мумкин. Ҳаммаси браузерингизда ишлайди.
Одамлар нима учун фойдаланадилар?
- Карточка ва модаллар учун юмшоқ соя қўшиш
- Ички (интеграция) соясини киритиш ва қудуқлар учун яратиш
- Реалистик, диффуз соя учун иккита қатламни тўплаш
- Дизайн макетига мос келадиган офсет ва бўёқни созлаш
Доимий сўраладиган саволлар
X/Y-оффсет сояни горизонтал ва вертикал ҳаракатлантиради, бўёқ унинг четини юмшатади ва бўёқ қўлланилгандан олдин бутун сояни ўстиради ёки қисқартиради. Тезкор кўриниш ҳар бир ўзгаришни дарҳол кўрсатади.
Интеграция элементнинг ортида эмас, балки ичида соя чизади, бу эса элементга босиб олинган кўриниш беради - бу киритиш ва ўчиргичлар учун фойдали. Интеграцияни ўчиргичга айлантириш учун ўчиргични айлантиринг.
Ранги танланг, сўнгра ёпиқлик қувуридан фойдаланинг; асбоб соя табиий аралашиши учун rgba () қийматини чиқаради.
Ҳа. Иккинчи соя қатламини ўз офсет, бўёқ, ранг ва устунлари билан ишга тушириш учун юқоридаги параметрларни очинг.
Йўқ. Генератор бутунлай браузерингизда ишлайди; CSS string'ни фақатгина слайдерлар маҳаллий ҳисоблайди.
Барчаси бепул, ҳисоб ва чегаралар йўқ - бу ҳисоблаш учун ҳеч нарса йўқ клиент-саҳифа воситаси.
Ҳа. У браузерингизда ишлайди, шунинг учун CSS Box Shadow Generator телефонлар ва планшетларда ҳам ишлайди - ўрнатиш учун дастур йўқ.
Одатда, оддий файл учун бир неча сония - CSS Box Shadow Generator сиз унга киритганингизда ишлай бошлайди.
Кўпчилик учун тезлигини сақлаб турадиган, кенг кўламли адолатли фойдаланиш қопқоғи остида, оддий фойдаланиш чекланмаган.
Барча замонавий браузерлар - Chrome, Safari, Firefox ва Edge. CSS Box Shadow Generator сиз фойдаланаётган браузердан ташқари ҳеч нарса ўрнатишга эҳтиёж сезмайди.