CSS Diagonal Scrolling Background

July 10, 2016
by

← Back

Japanese mobile games have started to become a thing for me. With recent hits like Neko Atsume, Tap Katamari and now Pokemon Go quickly becoming go-to apps on my phone, I’ve started to notice patterns/trends in these user interfaces. One that many of these games seem to have is a diagonally scrolling  background.

So I decided to give it a whirl in CSS to see if I could accomplish something similar. As it turns out, it’s not too hard to do!

Thanks to Best PSD Freebies for the pattern example.



Wishlist Wildwood

Help support development and wishlist Wildwood on Steam