Animacja po najechaniu na zdjecie.

Question

Jak wykonać taką animację plusika po najechaniu na zdjęcie? Wiem , że da się to zrobić w samym CSS  z użyciem before i after, ale kompletnie nie wiem jak się za to zabrać.

http://www.templatemonsterpreview.com/pl/demo/99731.html?_ga=2.261934861.1482218121.1601480752-1493426989.1601480752

Answer 1

Np. tak: https://jsfiddle.net/Comandeer/jvdkz195/

Kluczowe jest tutaj wykorzystanie transition, które dodaje samą animację. Dodatkowo warto zauważyć, że stosuję tutaj normalny element – inaczej cokolwiek w tym overlayu nie byłoby klikalne.