Иң яхшы буш CSS бушлык күләгәсен генераторы
CSS-та CSS-box-shadow-ны live-preview, inset һәм second layer- белән визуаль төстә төзи.
100% ирекле
Күзәтүсез
Су билгесе юк
✨
Иң яхшы анимацияле фильмнар, иң яхшы анимацияле фильмнар һәм иң яхшы анимацияле фильмнар һәм сериаллар (ингл. Best Animated Films and Series) - анимацияле фильмнар һәм сериаллар арасындагы бәйге.
Про-га яңарту
Сөйләшү Best.Free? Аны бүлешегез
Ничек эшли
- Слайдерларны күчерү. Слайдның күчерүен, бозылуын, таралуын, төсен һәм яктылыкны билгеләгез; эчке күләгә кирәк булса, сузуны күчерегез.
- Күз алдына китерүне карау. Сез күчергәндә актив бушлык яңартыла; тирәнлек өчен өстәмә параметрларда икенче катламны өсти аласыз.
- CSSны күчерү. CSS-ны күчерү һәм box-shadow-ның кагыйдәләрен сезнең стилистик таблицага кертү.
Бу инструмент турында
Пикселләр күләмен фаразламыйча, бушлык-көймә ясагыз. X, Y офсетлары, бозылу һәм таралу ысулларын күчереп, күләгә төсен һәм аның яктылыкны үткәрмәвен билгеләгез, һәм бушлыкның яңартылган күренешен реаль вакыт эчендә карагыз - аннан соң төгәл күләгә CSS-ын күчерегез. Иң эчке күләгә өчен кертү төймәсен әйләндерегез. Киңәйтелгән параметрлар икенче күләгә катламын куя, шуңа күрә сез заманча карталар һәм төймәләрдә кулланылган йомшак, күп катламлы күләгәләрне төзи аласыз. Барсы да браузерыгызда эшли.
Кешеләр аны нәрсә өчен кулланалар
- Карталарга һәм модальләргә йомшак төшкән күләгәне өстәү
- Кергән һәм чыккан мәгълүмат өчен эчке (интеграцияләнгән) күләгәне булдыру
- Реалистик, диффуз күләгә өчен ике катны тезеп куегыз
- Дизайн макеты белән туры килсен өчен офсет һәм бозылуны көйләү
Кайвакыт бирелә торган сораулар
Offset-X/Y move the shadow horizontally and vertically, blur softens its edge, and spread grows or shrinks the whole shadow before the blur is applied. The live preview shows each change instantly.
Инсертация элементның артыннан түгел, ә эченнән күләгә ясый, бу элементны кысылган кебек күренә. Бу кертемнәр һәм тоташу өчен файдалы. Инсертацияне тоташу өчен әйләндерегез.
Төс сайлап, соңыннан йомшаклык ысулы белән сузыгыз; бу ысул rgba () ны чыгарачак, шуңа күрә күләгә табигый төстә кушылыр.
Әйе. Икенче күләгә катламын үзенең күчерүе, бозылуы, төсе һәм кертелүе белән активлаштыру өчен өстәмә параметрларны ачыгыз.
Юк. Генератор тулысынча браузерыгызда эшли; слайдерлар бары тик CSS җөмләсен локаль исәпли.
Бу уеннар, гадәттә, бернинди уеннар түгел, ә уеннар, алар бернинди дә уеннар түгел, ә уеннар.
Әйе. Ул браузерыгызда эшли, шуңа күрә CSS Box Shadow Generator телефоннарда һәм планшетларда, шулай ук эш өстәлендә дә эшли - урнаштырырга кирәк булмаган программа юк.
CSS-та CSS-ның бер өлеше булып тора, ә CSS-ның икенче өлеше - CSS-ның бер өлеше булып тора.
Бу ысулның төп өстенлеге - һәрбер җөмләнең грамматик мәгънәсен ачыклау өчен, аны һәрбер сүзгә аерым-аерым аңлату мөмкин.
Барлык заманча браузерлар - Chrome, Safari, Firefox һәм Edge. CSS Box Shadow Generator сезнең инде кулланган браузердан башка бернәрсәне дә урнаштырырга кирәкми.