https://github.com/zenkiebear/glassmorphism

✨ Generate the glassmorphism CSS code you want
https://github.com/zenkiebear/glassmorphism

art css glassmorphism typescript vue

Last synced: about 2 months ago
JSON representation

✨ Generate the glassmorphism CSS code you want

• Host: GitHub
• URL: https://github.com/zenkiebear/glassmorphism
• Owner: ZenkieBear
• License: mit
• Created: 2022-12-06T03:01:40.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-04-02T08:50:15.000Z (9 months ago)
• Last Synced: 2024-04-03T03:25:25.459Z (9 months ago)
• Topics: art, css, glassmorphism, typescript, vue
• Language: Vue
• Homepage: https://glass.zenkie.cn
• Size: 1.76 MB
• Stars: 14
• Watchers: 1
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README-zh.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        


  

    

  



# Glassmorphism Generator

[![ci](https://github.com/ZenkieBear/glassmorphism/actions/workflows/node.js.yml/badge.svg)](https://github.com/ZenkieBear/glassmorphism/actions/workflows/node.js.yml)

这是一个 **玻璃拟态** `CSS` 生成器，用于帮助设计师、前端开发者来快速设计组件。

## 推荐的开发环境

[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (禁用Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).

## 安装

首先进入项目目录

```sh

npm install

```

### 编译和启动项目（热加载）

```sh

npm run dev

```

### 编译和压缩用于生产

```sh

npm run build

```

Tips: 将会有一个名为`dist`的目录生成，将它压缩成包并放入你的[Web容器](https://zh.wikipedia.org/wiki/Web%E5%AE%B9%E5%99%A8)，如： [Nginx](http://nginx.org/), [Apache](https://www.apache.org/)...

## 证书

`Glassmorphism Generator`采用[MIT](https://github.com/ZenkieBear/glassmorphism/blob/main/LICENSE)作为开源许可证。