"pure CSS" - requires 5 additional divs.
jk its nice.
Pretty sweet! Could be made even smoother with some easing on the gradients and adding more hit area for top middle, right middle, bottom middle, and left middle. Regardless—love it.
Thank you. Yes, I think it is a tradeoff between smoothness/fidelity and code complexity. At least it works without JS. Anyone can improve it.
Btw, more Pure CSS components are coming to Spectre.css.
This is great, but I'm not sure "parallax" is the right term to use here...?
Where's the CSS though?
I just hacked it together in a CodePen:
Looks like it's popping out of my screen. Nicely done, but as others have stated. Really could use some easing.