As one unit to impose on hover different items?

Guys, tell me, are the parent (display: flex; justify-content: space-between;) and four child elements (<div class="img">) need :hover child element to apply a block with text and icon, the unit is the same, you can one box to use for all items? something I do not understand how to position it on the right .img...
April 7th 20 at 10:48
1 answer
April 7th 20 at 10:50
Solution
It's simple, but you need js.

When you hover over a child unit, get its coordinates and sets the coordinates of the block that should appear on top of child.

https://jsfiddle.net/wxrbavsu/
c js I know it's possible... but the problem is the mark up on css, thanks for the code, I note the decision, but had to create each img: hidden) the css is not able to get the coordinates of the calling block and can't block to make a child... - Delores_Legros commented on April 7th 20 at 10:53

Find more questions by tags CSS