Hozzon létre egy fény hatása a mezők html formában a CSS
Most fogunk létrehozni ugyanazt a hatást használja az animáció és átmeneti jellemzői fény hatása az ingatlan box-árnyék.
Az eredmény az, ami megtörténhet, láthatjuk az alábbi képen, vagy ellátogat a bejelentkezési oldal Twitter.
Először is határozzuk meg a mezők animáció:
Az ingatlan hozunk létre egy átmenet animáció izzani keletkezett fokozatosan, amikor egy űrlap mezőt aktívvá válik. Ezen kívül, itt használjuk a tulajdonság, hogy távolítsa el a vázlatot parázslás Safari és Chrome böngészők, amelyek ezt a funkciót alapértelmezésben.
Most, hogy a kód vagyunk elő, akkor kezdődik, hogy egy fény hatása az ingatlan box-árnyék, ami által meghatározott árnyékában különböző tárgyakat. De mi van a fény nem néz ki, mint egy árnyék, mert mi lesz a világos kék színű. Ezen kívül az RGB színkódok, így tudjuk beállítani az átláthatóság szintjét. Az értékek a HTML RGB színkód, megtalálja a táblázat HTML színkódok.
A kód így fog kinézni:
Továbbá lumineszcencia alkothat lekerekített sarkok a mező pomoshi tulajdonságok border-radius.
- ahol ahelyett 5px lehet bármilyen érték beállítható a kívánt kerekíteni a sarkokat.
Ennek eredményeként, akkor kap valami ilyesmit:
Minden kód így fog kinézni: