javascripthtmlcsseffects

How are these transitions and side effects on this website done?


I watched a video about awesome made websites. There was this website with a bunch of cool effects. You can visit the site over here: http://www.amandabraga.com/

Now i'm asking myself as a rookie in frontend development how all these effects are made?


Solution

  • A lot of these are CSS/JS transformations and hover animations - if the user applies a hover animation to the background class, on mouse-over it'll load in the animations using javascript.

    If you're interested in trying something like this, check out Webflow. They allow you to create free website and they support some insane animations without having web design experience, or knowledge of coding. I've seen many similar websites created through Webflow.