最一开始还没进网站的水滴画面，
第二个水滴画面，是一张png的图，不知道是css动画还是jquery？
和后面的年份圆圈翻过来，
要怎么做出类似的？
目前只知道一开始有load 4个js档进来
http://www.taiyeng.com.tw/en/about
谢谢~~

水滴的部分跑太快看不出来，倒是下面年度圆圈年度(css:border-radius:50%,X轴-100deg)，然后scroll到特定位置时，script加入css aos-animate rule，在1.2秒内x轴翻正

把body下第一个div元素的pace-inactive改成pace-active就可以让动画一直播~ 然后他的原理很简单, 水滴落下跟飞溅效果看成两个部分上半部只是一个装着水滴图片的element让他不断执行落下并透明化的动画下半部则是水花飞溅的动画, 两者时间上搭配好就可以了实际上这个例子好像是用jQuery的动画+paeudo element一个简单的demo会像这样 https://tinyurl.com/y7vy8nxq那个网站水滴落下后的飞溅效果则是透过border-radius画的椭圆这些都可以在pace-active里面的里面的pace-progress元素观察到更正,好像不是jQuery动画, 就一样是css keyframes