[Dominias]

#programowanie #angular #javascript #css
Nie jestem za bardzo w temacie jeśli chodzi o animacje za pomocą stylów, ale chcę zrobić prostą animację na hover elementu, który nałoży na element warstwę o czarnym kolorze z opacity na 0.6 powiedzmy, prócz tego pojawi się ikona z mat-icon która pokaże, że ten element mozna odpalic jako wideo czyli np. "play_circle". Problem jest taki, że chciałbym żeby nowa warstwa wraz z ikonką pojawiała się od dołu, więc musiałbym dodać animację "wjazdu" z dołu do góry, aż nie przykryje danego elementu.

Przygotowałem stackblitza w ramach testowania: https://stackblitz.com/edit/mat-icons-nx84qy

Może ktoś będzie w stanie pomóc? Wydaje mi się, że będę musiał zrobić drugiego diva, który będzie przykrywał tego, na którym obecnie jest hover?

[BomBom]

drugi div z pozycją na 1 który na hooverze zmienia wysokość

[LaylaTichy]

@Dominias: mozesz zrobic 2 diva, mozesz uzyc pseudo elementow itd

https://stackblitz.com/edit/mat-icons-kygom3?file=app/icon-overview-example.css