Our first sideproject – Designobjekt.se(designobjekt.se)

almost 5 years ago from Stellan Johansson, Design Director & Co-founder at Ritual Digital Agency

  • Adam Brace, almost 5 years ago

    Love that fade in/blur effect. How did you manage that?

    3 points
    • Anton Andersson, almost 5 years ago (edited almost 5 years ago )

      Hey! Just simple CSS stylings, filter:blur(); and opacity together with transitions.

      On the desktop version we also added a JS function to check on cursor position relative to the image when hovering, in order to move the image and text.

      We've open source'd everything, so if you are interested you can dive right into the code at Github!

      4 points