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
Viide
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.