Soft CSS Box Shadow — připravený kód
Vizuálně vytvořte kód CSS box-shadow: posuvníky pro posun, rozostření, roztažení, barvu s neprůhledností, režim vložení a až čtyři vrstvy s živým náhledem.
Výsledek
Tato stránka otevře generátor stínů rámečků s předinstalovaným měkkým stínem: žádný horizontální posun, 8 pixelů dolů, velkorysé rozostření 24 pixelů a nízké krytí černé 12 %. Karta náhledu jej vykreslí okamžitě – posuňte libovolný posuvník a řádek CSS následuje v reálném čase.
Měkké stíny jsou tahounem moderních rozhraní. Velké rozostření spojené s nízkou neprůhledností zvedne kartu ze stránky, aniž by nakreslil tvrdý obrys, což je důvod, proč většina návrhových systémů udržuje své výškové stíny přesně v tomto rozsahu místo hustých tmavých stínů raného plochého designu.
Zkopírujte čáru stínu rámečku přímo do své šablony stylů nebo naskládejte až tři další vrstvy pro bohatší vyvýšení. Generátor běží celý ve vašem prohlížeči – nikam se nic nenahrává.