Soft CSS Box Shadow — gatavs kods
Veidojiet CSS lodziņa ēnu kodu vizuāli: slīdņi nobīdei, aizmiglošanai, izkliedēšanai, krāsai ar necaurredzamību, ielaiduma režīmu un līdz četriem slāņiem ar reāllaika priekšskatījumu.
Rezultāts
Šajā lapā tiek atvērts kastes ēnu ģenerators, kas ir iepriekš ielādēts ar mīkstu ēnu: bez horizontālas nobīdes, 8 pikseļi uz leju, bagātīgs 24 pikseļu izplūšana un zema 12% melnā necaurredzamība. Priekšskatījuma kartīte to atveido nekavējoties — pabīdiet jebkuru slīdni, un CSS rindiņa sekos reāllaikā.
Mīkstas ēnas ir mūsdienu saskarņu darba zirgs. Liels aizmiglojums kopā ar zemu necaurredzamību paceļ kartīti no lapas, neradot stingras kontūras, tāpēc lielākā daļa dizaina sistēmu saglabā savas pacēluma ēnas tieši šajā diapazonā, nevis agrīnā plakanā dizaina blīvās, tumšās ēnas.
Kopējiet lodziņa ēnu līniju tieši savā stila lapā vai sakraujiet līdz pat trīs slāņiem, lai iegūtu bagātīgāku pacēlumu. Ģenerators pilnībā darbojas jūsu pārlūkprogrammā — nekur nekas netiek augšupielādēts.