Fungu ya CSS drop-shadow()

Maelezo na matumizi

CSS drop-shadow() Fungu ya filtri inayofanya kina ya picha kuwa na mafungu ya shadwai.

Ongeza mafungu ya shadwai tofauti ya picha:

#img1 {
  filter: drop-shadow(8px 8px 10px gray);
}
#img2 {
  filter: drop-shadow(10px 10px 7px lightblue);
}

Ongeza mafungu ya shadwai tofauti ya picha (kutumia thamani za mawimbi ya kina na kina):

#img1 {
  filter: drop-shadow(-8px -8px 10px gray);
}
#img2 {
  filter: drop-shadow(-10px -10px 7px lightblue);
}

drop-shadow(h-shadow v-shadow blur spread color)

Thamani	Maelezo
h-shadow	Inahitajika. Kuanza thamani ya kilopiksi ya shadwai wa kina. Mawimbi inasababisha shadwai kuwa kina ya kushoto ya picha.
v-shadow	Inahitajika. Kuanza thamani ya kilopiksi ya shadwai wa kina. Mawimbi inasababisha shadwai kuwa kina ya pili ya picha.
blur	Inayowezekana. Ongeza mafungu ya kufikiria ya shadwai, ukweli wa kilopiksi. Thamani inayobaki zaidi inasababisha mafungu ya kufikiria inayoweza kubwa zaidi na kufikiria zaidi (shadwai inafikiria kuwa kubwa zaidi na kufikiria zaidi). Hatalii inawezekana kwa thamani za mawimbi. Ikiwa hayajapokezwa thamani, inatangazwa kwa 0 (kifungu cha shadwai kina).
spread	Inayowezekana. Inahitajika kwa thamani ya ukubwa wa kilopiksi. Mwamaduma wa juu inasababisha shadwai kuenea na kuwa kubwa, mawimbi wa chini inasababisha shadwai kusikia na kuwa ndogo. Ikiwa hayajapokezwa, inatangazwa kwa 0 (shadwai inafanana na ukubwa wa kina).
color	Inayowezekana. Ongeza rangi ya shadwai. Ikiwa hayajapokezwa, rangi inahusishwa na kifungu (kawaida ni mweupe).