Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
CSS / Miscellaneous

Elitepack CSS3 Display Screens

— Add-On to

Subscribe to our feed to stay up to date!

New! Follow us as you want it!

Elitepack CSS3 Display Screens - CodeCanyon Item for Sale


Ad: Bluehost hosting
Elitepack CSS3 Display Screens are a collection of web elements that are designed with pure CSS3 technology meaning that no images have been used apart from the background images.

This particular pack is the CSS3 display screens which are a nice modern way of showcasing your application, website or portfolio gallery using CSS3 powered display ‘vectors’. It includes an iphone 4, imac screen, macbook pro, macbook air, and an ipad 2. All the models also come with black and white variations.

Features at a Glance

  • Pure CSS3
  • Cross browser compatibility: Chrome, Safari, Firefox, Opera, IE9, IE10 – Preview
  • Complete set includes: ipad 2 (black/white), macbook pro, macbook air, imac monitor (black/white), iphone 4 (black/white)
  • Simple to implement
  • Scalability without losing pixels
  • Use different orientation (horizontal/vertical)
  • Stack multiple items together
  • Abstract classes that allow you to have different combinations
  • HTML5 Video Support
  • iframe Support
  • Free pngs generated from html
  • Looks good on iPad
  • Nice CSS3 Shadows on modern browsers
  • Well Documented and commented code

Feel free to contact me if you have any questions or suggestions regarding this item. I hope you enjoy it. ;)

Note: If you like this item, please spare a minute to rate it.

How to implement

To add a display screen to your HTML markup you only need to add a couple of divs and choose your optional classes like glare, rotation, camera light on etc. For instance to create an ipad use the following code:

<div class="tablet"> <div class="screen-t" /> <div class="addons-t" /> <div class="button-t" /> </div> 

Version Control

 09/28/2011 - Initial Release 1.0 

Other components in this categoryAll components of this author
CommentsFrequently asked questions and answers


28 September 11

Last Update:
28 September 11

Compatible Browsers:
IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

Software Version:

High Resolution:

Files Included:


eCommerce, All Items, 3d, css3, displays, html, html5, imac, ipad, iphone, mac air, monitor, screen, shadows, showcase, video