Liigu sisuni

CSS Varju generaator

Loo CSS box-shadow visuaalselt reaalajas eelvaatega. Kohanda nihked, hägu, levik, värv ja läbipaistmatus. Kopeeri CSS-kood. Tasuta, 100% brauseris.

Eelvaade

CSS-kood

 

Mis on CSS box-shadow?

CSS omadus box-shadow lisab elemendi raami ümber ühe või mitu varjuefekti.

box-shadow süntaks

box-shadow: [inset] offset-x offset-y [blur-radius] [spread-radius] color;
offset-x: Horisontaalne kaugus. Positiivne = paremale, negatiivne = vasakule.

Mitme varjukihi kasutamine

Mitme varju kombineerimine loob realistlikke sügavusefekte.

Disaininipid varjude jaoks

Kasuta rgba() või hsla() värve — poolläbipaistvad varjud näevad loomulikumad välja.

Privaatsus

Kogu varjude genereerimine toimub 100% sinu brauseris. Andmeid ei saadeta serverisse.