Генератор сенки (Box Shadow)

Подесите клизаче да бисте креирали сенку, додајте слојеве за већу дубину и одмах копирајте готов CSS код.

Слојеви сенке
Слој 1
CSS
Подесите клизаче да бисте обликовали сенку.

Свака сенка се исцртава директно у вашем прегледачу. Ништа што овде подесите не шаље се на BroBroGo.

Честа питања

Шта тачно контролишу помак, замућење и ширење?

Помак (offset) помера сенку лево/десно и горе/доле, замућење (blur) омекшава њене ивице, а ширење (spread) је повећава или смањује пре замућења. Негативно ширење скупља сенку, што је корисно за суптилне, збијене сенке.

Шта ради опција унутрашње сенке (inset)?

Нормална сенка пада изван елемента, стварајући утисак да је елемент издигнут изнад позадине. Опција „Inset” окреће сенку ка унутра, па елемент изгледа утиснуто — што је веома корисно за поља за унос или притиснуту дугмад.

Зашто користити више слојева сенке?

Један слој сенке може изгледати неприродно и равно изнад одређене величине. Реалистичан ефекат дубине се обично постиже комбиновањем оштрије, тамније сенке са мекшом, широм сенком — додајте други слој и подесите их независно да бисте добили тај ефекат.

Генератор CSS Cubic Bezier кривихПревуците две ручице да бисте обликовали криву анимације, упоредите кретање са константном брзином и копирајте cubic-bezier() вредност.Генератор градијената (Gradient Generator)Креирајте линеарни, радијални или конусни градијент, додајте боје и подесите смер, па копирајте CSS код једним кликом.Генератор заобљености углова (Border Radius)Заоблите сваки угао помоћу клизача, обликујте органске форме уз елиптични режим и одмах копирајте CSS код.CSS Flexbox ГенераторПодесите flex контејнер и његове ставке помоћу визуелних контрола, пратите промене уживо и копирајте CSS једним кликом.CSS Grid ГенераторДефинишите колоне и редове, превуците преко ћелија да бисте поставили ставке и копирајте готов CSS и пратећи HTML код једним кликом.CSS clamp() КалкулаторУнесите величину за мале и велике екране и добијте флуидну clamp() вредност која се глатко прилагођава — за величину фонта, унутрашње и спољашње маргине или размаке.Конвертор бојаКонвертујте боје између HEX, RGB, HSL, HSV, CMYK и LAB формата — измените било које поље и остала се тренутно прилагођавају.CSS Beautifier & MinifierПоново увуците неуредан CSS ради лакшег читања или га минификујте за слање — уз безбедан режим који никада не мења редослед ваших правила.Провера контраста (Contrast Checker)Унесите боју текста и позадине да бисте израчунали WCAG однос контраста и проверили усклађеност са AA и AAA нивоима.