Adrian Cabrero

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.
Categories Portfolio
Tailwind CSS and Refactoring UI
New Podcast
Tailwind CSS founder Adam Wathan is the latest Yo! Podcast guest.