Daily UI #003 – Landing Page

Spent just on 3 hours with this one. At first I was in a rush to get it done. Never a good idea. But creativity struck and 3 hours later I’ve made something I’m quite proud of again. A heap of wasted time on backface-visibility. It appears as though the ‘flip point’ of the front and back, is 90 degrees. Doesn’t matter where your perspective-origin is, it won’t disappear unless it’s beyond 90 degrees. So there was an issue with it when it got to actual 90 degrees, but that was already a few degrees beyond the perspective, so you saw the back face for a few degrees and that broke the consistency of the animation.

I think I achieved the goal of a landing page. Imagine you’ve come to an authors website, (My focus was a book, as the task suggested) and the first thing you’re greeted with is this. I think it’s pretty cool! Best viewed on a larger screen than the embedded frame.

And I know the JQuery isn’t necessary. I’m not that familiar with CSS animations and timing, but I’m familiar with JQuery timing. It actually turned out to be a bit of a hybrid. I wasn’t up to learning CSS animations tonight 🙁

See the Pen Daily UI #003 – Landing Page by Luke Flego (@LukeFlego) on CodePen.0