How do you take screenshots with hover effect?

Question

Browsers

Actually, subject.
How are screenshots taken? In Photoshop, insert a pointer with a picture and adjust several screens with different hovers?
Or are there more cultural methods for creating such things?

screenshot

не реклама

Answer 1

There are several ways, including editing in a graph. editor.
Other ways: switching the hover state in the browser-a inspector, editing styles (for example, you can add a class .hoverto the selectors in css, where there is a pseudo :hover -class and assign such a class to the necessary elements). Or you can just take a screenshot by hovering over the desired element.