https://github.com/holybasil/css-magic

https://github.com/holybasil/css-magic

Last synced: 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/holybasil/css-magic
• Owner: Holybasil
• Created: 2018-11-16T01:57:36.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2018-12-05T06:17:57.000Z (over 6 years ago)
• Last Synced: 2025-02-03T05:39:34.996Z (4 months ago)
• Language: Vue
• Size: 160 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Start

```bash

// for Vue CLI 3

npm install -g @vue/cli

// for an additional global addon

npm install -g @vue/cli-service-global

// start

cd css-tricks

npm install

vue serve [filename]

```

# View

- [x] border

![multiBorder.jpg](https://i.loli.net/2018/12/05/5c0769d401f17.jpg)

- [x] background

![progress.gif](https://i.loli.net/2018/12/05/5c0752fdf0395.gif)

![bg.gif](https://i.loli.net/2018/12/05/5c076aa2bd4f1.gif)

![textBg.gif](https://i.loli.net/2018/12/05/5c076cfc2bfcb.gif)

- [x] shape

![shape.jpg](https://i.loli.net/2018/12/05/5c0751fd03742.jpg)

- [x] clipPath

![clipPath.jpg](https://i.loli.net/2018/12/05/5c076b63df52c.jpg)

- [x] ferrisWheel

![ferrisWheel.gif](https://i.loli.net/2018/12/05/5c07510c0607f.gif)

# Todo

- [ ] tooltip