peircer-style v2.0.0

Installation

npm i peircer-style

How to use

Add the following to your html:

  <link rel="stylesheet" href='path_to_modules_css'>

When adding the properites you must use one of the followings as a class

Options

• light-shadow
• medium-shadow
• heavy-shadow
• red-outline
• blue-outline
• green-outline
• black-outline
• yellow-outline
• orange-outline
• circle
• soft-round
• medium-round
• hard-round
• fade

Examples

 <img src="http://placehold.it/120x120&text=light" class="light-shadow">
    <img src="http://placehold.it/120x120&text=medium" class="medium-shadow">
    <img src="http://placehold.it/120x120&text=heavy" class="heavy-shadow">
    <img src="http://placehold.it/120x120&text=red" class="red-outline">
    <img src="http://placehold.it/120x120&text=blue" class="blue-outline">
    <img src="http://placehold.it/120x120&text=green" class="green-outline">
    <img src="http://placehold.it/120x120&text=black" class="black-outline">
    <img src="http://placehold.it/120x120&text=yellow" class="yellow-outline">
    <img src="http://placehold.it/120x120&text=orange" class="orange-outline">
    <img src="http://placehold.it/120x120&text=circle" class="circle">
    <img src="http://placehold.it/120x120&text=soft" class="soft-round">
    <img src="http://placehold.it/120x120&text=medium" class="medium-round">
    <img src="http://placehold.it/120x120&text=hard" class="hard-round">
    <div class="fade" style="width: 100px; height: 100px; position: relative; left: 86vw; top: -12vh; background-color: black;">