DevTulz Online

CSS Box Shadow Ģenerators

Fons


Kas ir CSS Box Shadow?

CSS box-shadow īpašība pievieno ēnas efektus ap elementa rāmi. Ēnas var tikt nobīdītas, izplūdinātas, izplatītas, nokrāsotas un iestatītas kā inset (iekšēja ēna). Vairākas ar komatiem atdalītas ēnas var tikt slāņotas bagātīgiem efektiem. Šis ģenerators ļauj jums vizuāli veidot sarežģītas daudzslāņu ēnas un kopēt ielīmēšanai gatavo CSS starpliktuvē.

Kā lietot Box Shadow Ģeneratoru

  1. Regulējiet Offset X/Y, Blur un Spread slīdņus ēnas pozicionēšanai un veidošanai.

  2. Noklikšķiniet uz krāsas parauga ēnas krāsas izvēlei un izmantojiet Opacity slīdni caurspīdīgumam.

  3. Ieslēdziet 'Inset', lai izveidotu iekšējo mirdzumu vai iespiesta efektu.

  4. Noklikšķiniet uz '+ Pievienot slāni', lai sakrautu vairākas ēnas.

  5. Nokopējiet ģenerēto CSS un ielīmējiet to savā stilu lapā.

Keywords: CSS box shadow ģenerators, box-shadow CSS, CSS ēnu rīks, CSS drop shadow, iekšēja ēna, daudzslāņu ēna, CSS shadow tiešsaistē