Paras vapaa CSS Box Shadow Generator

Rakenna CSS-laatikon varjo visuaalisesti suoralla esikatselulla, sisäänasetuksilla ja toisella kerroksella – kopioi koodi.

100 % ilmaiseksi Ei ilmoittautumista Ei vesileimaa Muistiin käsitellyt tiedostot, ei koskaan tallennettu
Go Pro -mallit parhaille tekoälymalleille – kuva, video ja keskustelu – sekä isommat lataukset, jonon prioriteetti ja odotus kielletty. Päivitä pro
Rakkaus best.free? Jaa se

Miten se toimii?

  1. Siirrä liukusäätimiä. Aseta offset, sumea, levittynyt, värikäs ja samea; aseta sisäänpäin, jos haluat sisäisen varjon.
  2. Katso ennakkonäytös. Live-laatikon päivitykset raahatessasi; lisää toinen kerros syvyyden lisävaihtoehtoihin.
  3. Kopioi CSS. Paina Kopioi CSS ja liitä laatikon varjosääntö suoraan tyylilistaan.

Tästä työkalusta

Piirrä offset-X, offset-Y, sumea ja levitä liukusäätimiä, valitse varjoväri ja valitse sen sameus ja katso suoran esikatselulaatikon päivitys reaaliajassa. Kopioi sitten tarkka laatikkovarjo CSS. Käännä sisään asetetulla ruudulla sisäinen varjo. Advanced-vaihtoehdot pinoavat toisen varjokerroksen, jotta voit rakentaa pehmeät, monikerroksiset varjot, joita käytetään nykyaikaisissa korteissa ja painikkeissa. Kaikki toimii selaimessasi.

Mihin ihmiset käyttävät sitä

  • Lisää korttien ja modaajien pehmeä pudotusvarjo
  • Luo sisääntuloille ja kaivoille sisäinen (asennettava) varjo
  • Pinoa kaksi kerrosta realistiseen, hajanaiseen varjoon
  • Viritetään ja sumennetaan mallimallia vastaavaksi

Usein kysyttyjä kysymyksiä

Offset-X/Y liikuttaa varjoa vaaka- ja pystysuunnassa, sumenee reunan ja leviää tai kasvaa ennen sumun levittämistä. Live-esikatselu näyttää jokaisen muutoksen välittömästi.

Inset vetää varjon elementin sisään sen sijaan, että se olisi takana, mikä antaa painetun ilmeen – käyttökelpoisen syötteille ja nykäyksille. Käännä sisäänrakennettua näppäintä vaihtaaksesi.

Valitse väri ja käytä sitten sameusliukusäädintä, jolloin työkalu tuottaa rgba-arvon, jolloin varjo sekoittuu luonnostaan.

Kyllä. Avoimet lisäasetukset, joilla toinen varjokerros voidaan asentaa omalla offset-, bridge-, väri- ja asettelukerroksella.

Ei. Generaattori toimii kokonaan selaimessasi; liukusäätimissä vain lasketaan CSS-jono paikallisesti.

Täysin ilmainen, ei tiliä eikä rajoja – asiakaspuolen työkalu, jolla ei ole mitään mitattavaa.

Kyllä. Se toimii selaimessasi, joten CSS Box Shadow Generator toimii puhelimissa ja tableteissa sekä työpöydällä – ei ole mitään sovellusta, johon asentaa.

Yleensä vain muutama sekunti tyypilliseen tiedostoon – CSS Box Shadow Generator alkaa toimia heti, kun annat sille syötettä.

Casual-käyttö on rajatonta, reilun käytön anteliaan suojakorkin alla, joka pitää sen nopeana kaikille.

Kaikki modernit selainsarjat – Chrome, Safari, Firefox ja Edge. CSS Box Shadow Generator ei tarvitse mitään selaimen lisäksi, jota jo käytät.

Aiheeseen liittyvät työkalut

Arvostele tätä sivua
5.0/5 (0)

Mitä voisimme parantaa? Palautteesi auttaa meitä korjaamaan ongelmia.