Генератор на Box Shadow

Повлечете ги лизгачите за да обликувате box-shadow, наредете слоеви за длабочина и копирајте го готовиот CSS веднаш.

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

Секоја сенка се прикажува во Вашиот прелистувач. Ништо од она што го поставувате тука не се испраќа на BroBroGo.

ЧПП

Што всушност контролираат офсетот, заматувањето и ширењето?

Офсетот ја поместува сенката лево/десно и горе/долу, заматувањето ги омекнува нејзините рабови, а ширењето (spread) ја зголемува или намалува пред заматувањето. Негативно ширење ја вовлекува сенката навнатре, што е корисно за тесна, блиска сенка.

Што прави опцијата inset?

Нормалната сенка паѓа надвор од елементот, како светлина зад подигната картичка. Опцијата „Inset“ ја врти сенката внатре, па елементот изгледа вдлабнат — погодно за вдлабнати полиња за внес или притиснати копчиња.

Зошто да се редат повеќе слоеви на сенки?

Единечна сенка изгледа рамно над одредена големина. Реалната подигнатост обично комбинира тесна, темна сенка со мека, поширока сенка — додајте втор слој и прилагодете го секој независно за да го постигнете тој ефект.

CSS Cubic Bezier ГенераторПовлечете ги двете рачки за да обликувате крива на транзиција, следете го движењето на точката во споредба со рамномерното и копирајте ја вредноста cubic-bezier().Генератор на градиентиНаправете линеарен, радијален или коничен градиент, додајте точки на боја, поставете насока и копирајте го CSS-кодот со еден клик.Генератор на Border RadiusЗаоблете го секој агол со лизгачи, обликувајте органски форми со елиптичниот режим и копирајте го CSS-кодот веднаш.Генератор на FlexboxПоставете flex контејнер и неговите елементи со визуелни контроли, следете ги промените во живо и копирајте го CSS-кодот со еден клик.CSS Grid ГенераторПоставете ги Вашите колони и редови, повлечете преку ќелиите за да поставите елементи и копирајте го CSS-кодот за мрежата со соодветниот HTML со еден клик.Калкулатор за CSS clamp()Внесете големина за мали и големи екрани и добијте флуидна clamp() вредност што се скалира непречено помеѓу нив — за големини на фонтови, внатрешни и надворешни маргини или празнини.Конвертор на боиПретворајте бои меѓу HEX, RGB, HSL, HSV, CMYK и LAB — уредете кое било поле, а останатите се ажурираат во од.CSS разубавувач и минимизаторВовлечете го неуредниот CSS за полесно читање или минимизирајте го за објавување — со безбеден режим кој никогаш не го менува редоследот на вашите правила.Проверка на контрастВнесете боја на текст и позадина за да го видите WCAG соодносот на контраст и кои AA и AAA нивоа се задоволени.