Line height changes

Hi everyone!

I am having some problems with lines on my websites. I have 1px lines (made from divblocks) throughout my site, which are sometimes animated to appear on hoover (see collectie page for an example).
Sometimes this goes as it should but other times (totally random) the lines become thicker at the end of the animation.

For example the collectie page is made with a cms collection, but with some photos the line stays 1px but with others the lines get thicker at the end of the hoover animation. This is shown on the published site, but not in the preview in the editor.

Does someone know how to fix this bug?

Thanks in advance!


Here is my site Read-Only: https://preview.webflow.com/preview/mariekes-initial-project-fd666c?utm_medium=preview_link&utm_source=designer&utm_content=mariekes-initial-project-fd666c&preview=8388ca069399ccfeebb84275a77e7f58&mode=preview

Here is my published site. orange or red | collectie

1 Like