Wpis z mikrobloga

#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?
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach