项目作者: darkOwlWood

项目描述 :
A editor to made clippath figures with pure CSS to insert in your web page
高级语言: JavaScript
项目地址: git://github.com/darkOwlWood/ClipPathEditor.git
创建时间: 2020-08-01T21:29:59Z
项目社区:https://github.com/darkOwlWood/ClipPathEditor

开源协议:MIT License

下载


Clip Path Animation

A editor to made clippath figures with pure CSS to insert in your web page

Demo

Link to the web page: https://sleepy-albattani-7b2dd3.netlify.app/

Getting Started

Prerequisites

To install the project you should have :

  • Nodejs 12.19.0
  • npm 6.14.8

Start to use

First, change to the root directory of the project and install all the necessary dependencies and dev-dependencies with the command:

  1. npm i

Development ambient

If you want to start a dev ambient you should be at the root directory and execute the the next command in the console:

  1. npm run build:dev

After that go head to your web browser and write localhost:8080 the web page should be up and ready to use.

Production ambient

To build a production bundle you can run the next command:

  1. npm run build:production

After run the previous command all the bundle generated will be in the dist directory, you can put all the content from dist in your web server ready to use.

Built With

  • React 16.13.1
  • Babel 7.11.6
  • Sass 1.26.11
  • Webpack 4.44.2

License

This project is licensed under the MIT License - see the LICENSE.md file for details.