Designed by Elise Fog Owner of BeeMuse 31 sales
Paper component
About
This component makes it easy to add realistic, three dimensional pieces of paper to a web page. Adding an effect, color, or padding size is as simple as adding one or more desired classes to a wrapping container like a div around any type of content. Combine 3d effect + color + padding size to achieve your desired look.
I use these with Bootstrap, as an alternative to Bootstrap's standard (slightly boring) "well" component. Bootstrap is not required though, you could use this in any web project, as it is completely self-contained. Works great in all modern browsers and on mobile, with graceful fallback in legacy browsers (such as IE8).
Included files: paper.min.css (4 KB minified CSS with vendor prefixes generated by Autoprefixer) paper.scss (200 lines of neatly commented code, including color variables) index.html (functional demo of all available styles) boostrap.min.css (just to neaten the demo page)
Please note that you may use these to build a website or theme for yourself or a client, but you may not use these to build a theme to sell or distribute for free (I plan on building such a theme myself :)
Reviews
No reviews yet
Comments
FAQs
- What browsers are supported?
- All modern desktop and mobile browsers. IE8 supports none of these effects, but still gets basic styling (padding, margin), along with color and sizing options.
- Do I need to use Bootstrap to use this?
- Nope! It works perfectly fine on its own too.
- Do these work on a dark background?
- They look best on light to medium backgrounds (the shadows don't show up well on very dark backgrounds).
- How do I contact support?
For questions about this product, message the Shop Owner via their shop profile. For all other questions, like licensing or billing, visit our Help Center.
- How can I unzip product files?
PC: To extract a single file or folder, double-click the compressed folder to open it. Then, drag the file or folder from the compressed folder to a new location. To extract the entire contents of the compressed folder, right-click the folder, click Extract All, and then follow the instructions.
Mac: Double click the .zip file, then search for the product folder or product file.
If you continue to have trouble, check out this help article for more tips.