cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - ActiveLovehtmlicon-new-collectionicon-personicon-teamlog-outoctocatpop-outspinnerstartv headernumbered-list123split-screen
user profile image

Something I think is an improvement over how iOS does screen orientation changes for wallpapers, for instance. No flashes of black letterboxing.

Note that background-attachment property with transform: rotate(); doesn't quite work in Chrome at least.

Photo by Chris Burkard.


  1. Very few iOS apps have a fullscreen cropped background image that allows a rotation without clipping, so how would this work then?

  2. I like your concept! :) I do feel however that his would be kind of expensive on power. The update frequency needed to process some of the accelerometer events would be rather high to get something this smooth.

  3. Here‘s a quick and buggy demo: http://codepen.io/petacat/debug/mAOYVB/ Keep in mind: You‘ll only see an effect on a mobile device (or a browser that supports the deviceorientation event).

Leave a Comment Markdown supported. Click @usernames to add to comment.

You must be logged in to comment.