Image mask with mouse interaction

Design help General
1

Hi there,

I am building the project thumbnail page (Digital) and trying to figure out the mask of the image when the mouse hovering. Currently, it works on the width, but not the height. Please kindly help.

Here is my site Read-Only: https://preview.webflow.com/preview/graces-portfolio?preview=fa4041c307cc64ae81e702e4764778c4

http://graces-portfolio.webflow.io/en/projects/digital

2

Hi, try apply to default image transform effect «Scale» ~1.2. And delete height 100% (in your case it is not necessary).

3

@bro-design Thank you for the suggestions. It works now :slight_smile: