shadowmagix v1.0.2

What is the purpose of this package?

shadowmagix package is easy to use. Purpose of this package is to add the shadows to your HTML elements effortlessly.

Installation

npm i shadowmagix --save

Then, import the shadowmix package into your JavaScript file and add styles as like mentioned below,

import { shadowmagix } from 'shadowmagix'

shadowmagix({
  shadow_type: 20,
  shadow_color: "cyan",
  padding: 5,
  margin: 10,
  border_style: "rgb(0,6,100)",
  border_width: 15,
  border_rounded: 300,
})

Options

shadowmagix supports 7 options,

• shadow_type - "hard" | "blur" | pixelUnits (Default to pixelUnits)
• shadow_color - colorName (Default to none)
• padding - boolean | pixelUnits (Default to false)
• margin - boolean | pixelUnits (Default to false)
• border_style - colorName (Default to none)
• border_width - pixelUnits (Default to 0)
• border_rounded - pixelUnits (Default to 0)