ios7translucent-css icon indicating copy to clipboard operation
ios7translucent-css copied to clipboard

verified publisher icon FWeinb
→

Metadata

Implementation of the iOS7 translucent topbar using CSS Regions Implementation of the iOS7 translucent topbar using CSS Regions

iOS7 Translucent

Implementation of the iOS7 translucent topbar using CSS Regions

Live Demo on Codepen

How to help?

You need to have nodejs and ruby for compass/sass

  1. Fork this Repo
  2. npm install
  3. grunt dev will open the src/index.html in your default browser

Mobile

  1. Open http://localhost:9000/mobile.html on your iPhone.
  2. Get inertial scrolling to work

Just for you to see how close it is a GIF:

iOS7 Wrapper on iPhone 5S

Where is it working?

This is currently working in

  • Chrome 29+ (enable 'experimental-webkit-features'/'enable-experimental-web-platform-features')
  • Safari 6.1 beta
  • Mobile Safari on iOS7, scrolling is working. But no inertial scrolling

← Metadata

57
Stars
8
Forks
Watchers

Owner

verified publisher icon FWeinb

Metadata

Implementation of the iOS7 translucent topbar using CSS Regions Implementation of the iOS7 translucent topbar using CSS Regions

Back