Skip to content
A simple demo of an onboarding screen based on the iOS News app
CSS JavaScript HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.
css changed cursor to pointer on buttons May 28, 2019
.gitignore initial commit May 26, 2018 added May 26, 2018 corrected bold attribute for 'Warning' Aug 3, 2018
index.html ran files through prettier May 28, 2019

Apple News Welcome Message


This is a demo of an onboarding screen for an app based on the iOS News app's onboarding screen, which consists of a blank screen that shows text un-blur and fade-in. Click here to see a live demo.

Warning: This works best in Firefox and Safari. In Chrome, there appears to be a bug where the text scales back to its original size after the animation is complete. See issue #1.


Dominic Brant.

Follow me on Twitter, and feel free to let me know if you have any thoughts/suggestions/problems.


MIT© Dominic Brant

You can’t perform that action at this time.