UNPKG

houdini-chrome-demo

Version:

houdini-study

61 lines (44 loc) • 1.01 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
## 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/