laptop.css is pure css based library to display images in laptop mockup. usefull for making online presentation. there are three sizes which you can use to display small and medium and large laptop mockup screens. Use laptop.css to automatically wrap an html img with an ASCII art laptop.
Libraries
Import the stylesheet laptop.css into the HTML.
<link href="laptop.css" rel="stylesheet" /> |
HTML
Wrap your design to be showcased in the CSS laptop.
|
![]("https://media3.giphy.com/media/4oCKJV82qxnjO/giphy.gif")
laptop.css provides three class names to use on divs
- laptop-sm
- laptop
- laptop-lg
See live demo and download source code.
This awesome script developed by jjkaufman, Visit their official github repository for more information and follow for future updates.