CSS Box Shadow -generaattori

CSS Output

Mikä on CSS Box Shadow?

CSS:n box-shadow-ominaisuus lisää varjoefektejä elementin kehyksen ympärille. Varjoja voidaan siirtää, tehdä epäteräväksi, levittää, värjätä ja asettaa inset-tilaan (sisäinen varjo). Useita pilkuilla erotettuja varjoja voidaan pinota rikkaiden efektien saavuttamiseksi. Tämä generaattori antaa sinun rakentaa visuaalisesti monimutkaisia monikerrosvarjoja ja kopioida valmiin CSS:n leikepöydälle.

Box Shadow -generaattorin käyttö

Säädä Offset X/Y-, Blur- ja Spread-liukusäätimiä varjon sijoittamiseksi ja muotoilemiseksi.
Napsauta värinäytettä varjon värin valitsemiseksi ja käytä Opacity-liukusäädintä läpinäkyvyyteen.
Ota 'Inset' käyttöön sisäisen hehkun tai painetun tehosteen luomiseksi.
Napsauta '+ Lisää kerros' pinottaaksesi useita varjoja päällekkäin.
Kopioi luotu CSS ja liitä se tyylisivullesi.

Keywords: CSS box shadow generaattori, box-shadow CSS, CSS varjotyökalu, CSS drop shadow, sisäinen varjo, monikerroksinen varjo, CSS shadow verkossa