Table hover effect with image reveal

site profile thumbnail


As soon as the cursor moves over a row in the table, the background appears, which fills the table row from the center. At the same time an image is revealed for each line, which scrolls at a fixed position with the page and could provide a preview of the content. You can also insert a background video here. Discovered on this website: I added an additional line of custom code so that the effect still takes place even if you hover the mouse over the image and there is a table row below it. The image is ignored by the mouse (pointer-events:none). Tutorial:
hoverhovereffecttableimagerevealrevealmouseovermousehoverfeaturetablecursorbackgroundvideopreviewanimationanimationshoveranimationinteractionmadeinwebflowgermanywebflowgermanywebflow templateimage-revealmouse-hover

More by Jonas Arleth

See profile