Soft CSS Box Shadow — pripravený kód
Vizuálne vytvorte kód box-shadow CSS: posuvníky pre posun, rozmazanie, roztiahnutie, farbu s nepriehľadnosťou, režim vkladania a až štyri vrstvy so živým náhľadom.
Výsledok
Táto stránka otvorí generátor tieňov s predinštalovaným jemným tieňom: žiadne horizontálne odsadenie, 8 pixelov nadol, veľkorysé rozmazanie 24 pixelov a nízke krytie čiernej 12 %. Karta ukážky ju okamžite vykreslí – posuňte ľubovoľný posúvač a riadok CSS bude nasledovať v reálnom čase.
Mäkké tiene sú ťahúňom moderných rozhraní. Veľké rozostrenie spojené s nízkou nepriehľadnosťou zdvihne kartu zo stránky bez nakreslenia tvrdého obrysu, čo je dôvod, prečo väčšina dizajnových systémov zachováva svoje výškové tiene presne v tomto rozsahu namiesto hustých tmavých tieňov skorého plochého dizajnu.
Skopírujte čiaru tieňa priamo do šablóny so štýlmi alebo naskladajte až tri ďalšie vrstvy, aby ste dosiahli bohatšiu výšku. Generátor beží úplne vo vašom prehliadači – nikde sa nič nenahráva.