8 Pure CSS Flat Mobile Devices

Design 16th April, 2014

8 Pure CSS Flat Mobile Devices such as iPhone, Android, Lumia and iPad devices which have been created in pure CSS to showcase the prototypes our users make on Marvel. You can grab the code, remix to fit for your use.

In order to use a device, you can visit the index.html file and pick which one you want, copying the ‘device’ class and all it’s children. The CSS is set up so that class has to be a wrapped in an element of ID which corresponds to the device you’re picking. If you want a different colour or to toggle it to be landscape, just add the respective colour class to the wrapping element, eg. ‘red’ or ‘gold’ or ‘white’ and the landscape class ‘landscape’.