Лепшы бясплатны Генератар ценяў CSS
Візуальнае стварэнне 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 не патрабуе ўстаноўкі нічога, акрамя браўзэра, які вы ўжо выкарыстоўваеце.