I have an element that when doing a hover
in it will appear a pseudo-element elsewhere on the screen, however I would like to inspect this pseudo element when it is visible on the screen.
hover
?
See this simple example
button {
position: relative;
}
button::after {
content: "";
display: inline-block;
margin-left: 150px;
background-color: red;
position: absolute;
}
button:hover::after {
content: "aqui!";
}
<button>button</button>