Gjenerator i Box Shadow

Tërhiqni rrëshqitësit për të formësuar një box-shadow, mbivendosni shtresa për thellësi dhe kopjoni CSS-në e përfunduar menjëherë.

Shtresat e hijeve
Shtresa 1
CSS
Rregulloni rrëshqitësit për t'i dhënë formë hijes suaj.

Çdo hije renditet në shfletuesin tuaj. Asgjë që vendosni këtu nuk ngarkohet në BroBroGo.

Pyetje të shpeshta

Çfarë kontrollojnë saktësisht offset, blur dhe spread?

Zhvendosja (offset) lëviz hijen majtas/djathtas dhe lart/poshtë, zbehtësia (blur) zbut skajet e saj, dhe përhapja (spread) e rrit ose e zvogëlon atë përpara zbehjes. Një përhapje negative e tërheq hijen brenda, gjë që është e dobishme për një hije të ngushtë dhe të afërt.

Çfarë bën opsioni inset?

Një hije normale bie jashtë elementit, si drita pas një karte të ngritur. Inset e kthen atë brenda, kështu që elementi duket i shtypur — e dobishme për fusha inputi të rëna ose butona të shtypur.

Pse të vendosim më shumë se një shtresë hijeje?

Një hije e vetme duket e sheshtë përtej një madhësie të caktuar. Lartësia reale zakonisht kombinon një hije të ngushtë e të errët me një hije të butë e më të gjerë — shtoni një shtresë të dytë dhe rregulloni secilën në mënyrë të pavarur për të marrë atë efekt.

Gjenerator i CSS Cubic BezierTërhiqni dy dorezat për të formësuar një kurbë zbutjeje, shikoni një pikë duke lëvizur përgjatë saj kundrejt një lëvizjeje të qëndrueshme dhe kopjoni vlerën cubic-bezier().Gjenerator i gradienteveNdërtoni një gradient linear, radial ose konik, shtoni ndalesa ngjyrash dhe vendosni drejtimin, pastaj kopjoni CSS-në me një klikim.Gjenerator i Border RadiusRrumbullakosni çdo kënd me rrëshqitës, krijoni forma organike blob me modalitetin eliptik dhe kopjoni CSS-në menjëherë.Gjenerator i FlexboxKrijoni një kontejner flex dhe elementet e tij me kontrolle vizuale, shikoni strukturën duke reaguar drejtpërdrejt dhe kopjoni CSS-në me një klikim.Gjenerator i CSS GridVendosni kolonat dhe rreshtat tuaj, tërhiqni përgjatë qelizave për të vendosur elemente dhe kopjoni CSS-në e rrjetës me HTML-në përkatëse me një klikim.Kalkulator i CSS clamp()Vendosni një madhësi për ekranet e vegjël dhe të mëdhenj dhe merrni një vlerë fluide clamp() që shkallëzohet pa probleme në mes — për madhësitë e fonteve, padding, margin ose gap.Konvertues i ngjyraveKonvertoni ngjyrat midis HEX, RGB, HSL, HSV, CMYK dhe LAB — ndryshoni çdo fushë dhe të tjerat përditësohen gjatë shkrimit.Zbukurues & Zvogëlues CSSRregulloni kryerreshtat e CSS-së së rrëmujshme për ta lexuar, ose zvogëlojeni për ta publikuar — me një modalitet të sigurt që nuk ndryshon kurrë renditjen e rregullave tuaja.Kontrollues i kontrastitVendosni një ngjyrë teksti dhe sfondi për të parë raportin e kontrastit WCAG dhe cilët nivele AA dhe AAA kalojnë.