One Page portfolio featuring a subtle parallax on scroll for front-end dev ‘Adrian Cabrero’. Little clash with header navigation and text at times but liking these full screen overlay portfolio transitions.
I focused on making a very straight forward portfolio site, cutting out all the fat. I then went back and added some flair like the parallax on the introduction image, hover effects on links & tiles, animations on browser resize, svg buttons, clipping, etc.
The biggest challenge was getting the animation just right after clicking on a work tile. I really wanted to use Codrops morphing buttons concept because I think traditional overlays are too disruptive to a users experience.
I'm hoping to get a subtle video playing on the background of the introduction section in my next update to help grab attention.
![How to Smooth Scroll Landing Pages using Squarespace [video]](https://onepagelove.imgix.net/2020/06/opl-thumb.jpg?w=360&max-h=190&fit=crop&fp-y=0)
