# css-water-drops

**Repository Path**: codingstartup/css-water-drops

## Basic Information

- **Project Name**: css-water-drops
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2020-08-01
- **Last Updated**: 2022-03-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# CSS Water Drops

This project is created by **CodingStartup** as a tutorial. Tutorial video can be found here:
- YouTube: [https://youtu.be/BrkV_8ch_r4](https://youtu.be/BrkV_8ch_r4)
- BiliBili: [https://www.bilibili.com/video/BV1S64y1F7Y8](https://www.bilibili.com/video/BV1S64y1F7Y8)

CodePen version of this project can be found at [https://codepen.io/stevenlei/pen/abdewMp](https://codepen.io/stevenlei/pen/abdewMp).

## Installation

Ensure you have a recent version of [node & npm](https://nodejs.org/en/download/) or [yarn](https://yarnpkg.com/en/docs/install) installed.

All of the following steps run on the command line within this directory. You can substitute `npm` for `yarn` depending on your preferences.

Install all the necessary packages:

```
npm install
```

## Build

To build for distribution:

```
npm run build
```

All of the final output will be dropped into the [/dist/](./dist) folder.

## Server

Run a local server that will automatically compile your code & refresh when you save a change!

```
npm run serve
```

---

## CodingStartup Channels

Please subscribe to my channel, thank you for your support!

- YouTube Channel: [https://www.youtube.com/codingstartup](https://www.youtube.com/codingstartup)
- BiliBili Channel: [https://space.bilibili.com/451368848](https://space.bilibili.com/451368848)