houdini-chrome-demo

Houdini 谷歌官方示例学习

$3

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

chrome://flags/

Experimental Web Platform features 设置为 Enabled

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

$3


进入当前目录执行 houdini-chrome-demo -u 拉取最新代码
`shell
cd /houdini-chrome-demo
`
`shell
houdini-chrome-demo -u
``

$3

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

+ 前期整理一些谷歌示例

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

$3

#### layout
+ masonry

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

#### properties
+ circle
+ transition

$3

+ houdini案例展示 https://css-houdini.rocks/smooth-corners/

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