LoginGet started — it’s free
Made in Webflow

Table hover effect with image reveal

496 views
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
Feeling inspired?If this Made In Webflow site sparked some inspo, why not get started on a project of your own? Clone a site, purchase a template or start building from scratch.
hoverhovereffecttableimagerevealrevealmouseovermousehoverfeaturetablecursorbackgroundvideopreviewanimationanimationshoveranimationinteractionwebflowmadeinwebflow

More by Jonas Arleth

See profile
View details
Free Grid Design Template (CMS ready)
285
811
© 2022 Webflow, Inc. All rights reserved.