Table hover effect with image reveal

site profile thumbnail

Description

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: https://neodlx.io 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: https://youtu.be/pYPV0g54CU8
hoverhovereffecttableimagerevealrevealmouseovermousehoverfeaturetablecursorbackgroundvideopreviewanimationanimationshoveranimationinteractionmadeinwebflowgermanywebflowgermanywebflow templateimage-revealmouse-hover

More by Jonas Arleth

See profile