## Houdini 谷歌官方示例学习

### 使用

+ 为了达到效果，请安装最新版谷歌浏览器，并开启实验性选项

chrome://flags/

Experimental Web Platform features 设置为 Enabled

```shell
npm i -g houdini-chrome-demo
```
```shell
houdini-chrome-demo <dir-name>
```
```shell
cd <dir-name>/houdini-chrome-demo
```
```shell
http-server
```
+ 将 127.0.0.1 或本地 ip 替换为 localhost

### 更新
进入当前目录执行 houdini-chrome-demo -u 拉取最新代码
```shell
cd <dir-name>/houdini-chrome-demo
```
```shell
houdini-chrome-demo -u
```

### 说明

+ 仅供学习调试使用，目的是为了一起学习

+ 前期整理一些谷歌示例

+ 后期会慢慢创作和收集一些好的案例

### 目录

#### layout
+  masonry

#### paint
+ conic
+ ripple
+ slanted
+ star

#### properties
+ circle
+ transition

### 参考地址
 
+ houdini案例展示 https://css-houdini.rocks/smooth-corners/

+ Chrome github地址 https://github.com/GoogleChromeLabs/houdini-samples/