Ƙirƙiri Kyawawan Akwatin CSS Shadows Ba tare da Kokari ba

Ƙirƙirar inuwar akwatin ban mamaki tare da ilhamar mu. Kwafi lambar CSS kuma yi amfani da shi a cikin ayyukanku nan take.

Preview

Akwatin Inuwa

Keɓance ni

Fitar da CSS

box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);

Inuwa Sarrafawa

Position

0px
4px

Size

6px
-1px

Color

10%

Options

Presets

Inuwa mai laushi

Inuwa Matsakaici

Inuwa mai nauyi

Inuwa ta ciki

Diagonal mai kaifi

Hasken Shaci

Inuwa Biyu

Tasirin da Aka ɗauka

Yadda Ake Amfani

Abubuwan Gudanarwa na asali

  • DaidaitaA kwance Offsetdon matsar da inuwa hagu ko dama
  • DaidaitaMatsakaicin Tsayedon matsar da inuwa sama ko ƙasa
  • Ƙara daRadius blurdon sanya inuwa ta yi laushi
  • Use Yada Radiusdon ƙara ko rage girman girman inuwa gaba ɗaya
  • CanzaColor and Opacitydon siffanta bayyanar inuwa

Abubuwan Ci gaba

  • Enable Inuwar Inuwardon ƙirƙirar tasirin inuwa na ciki
  • Use Inuwa da yawadon ƙarin hadaddun tasiri
  • Ajiye kuma lodiPresetsdon saurin isa ga inuwar da kuka fi so
  • Click Inuwa bazuwardomin ilham
  • Kwafi lambar CSS da aka samar kuma manna ta cikin aikin ku

Related Tools