CSS: How to Create a Horizontal Screenshot Slider Div

I created a new landing page for a mobile app we were promoting. Since we wanted our page to come up in Google SERP and we had a version for iOS and Android, we wanted the landing page to be simple but also give visitors a sneak peek into the app just as you would find on the Apple iTunes Store or Google Play Store.

My solution uses css to transform a div into a horizontal scrolling window without the use of an iframe.

CSS

HTML

Results

Screenshots

2017 Field Guide App 2017 Field Guide App Screenshot 2017 Field Guide App Screenshot 2017 Field Guide App Screenshot 2017 Field Guide App Screenshot

Tags

Leave a Reply

Your email address will not be published.

top