JSPM

proshadow

1.1.0
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 1
  • Score
    100M100P100Q20253F
  • License ISC

Create shadows with ease.

Package Exports

  • proshadow

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (proshadow) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Proshadow

Create shadows with ease.

Installation

npm i -g proshadow

Usage

First, create a index.html file.
Then, create a img tag, with a class of pshadow.
Link the script you want to use.
In the script, enter the following code.

import { pshadow } from 'proshadow';

pshadow ({
  shadow_type: 'soft',
  padding: true
})

The code above shows that the image is going to havea soft shadow, with some padding.

We currently support two options.
shadow_type which can either be hard or soft
and
padding which can be true or false.

Running (IMPORTANT!!!)

You can run this using any compiler, however, for this demo, I am going to be using parcel.

Downloading Parcel:

npm i -g parcel

Then

parcel index.html[or any other html file]

Conclusion

That's it!!! Feel free to make a pull request, or update the package to make it better.