如何查看网站动画是如何实现的？

最近为了提高一下自己的网站审美，在 https://www.awwwards.com/ 上浏览了很多网站，有点被震惊。 有些利用 WebGL 都可以做游戏了，感觉以后都是 canvas 的时代了，js 还得捡起来啊。

我自己肯定是做不出来这些东西，虽然有一丢丢前端基础，但是几乎可以忽略不计。但是看到一些好玩的动画效果，总想着给自己的网站也搞一个。

抛开那些非常花里胡哨的不谈，如果是简单的小动画，我该怎么模仿呢？ F12 好像也看不出什么。

就比如 https://14islands.com/ 这个网站，里面的气泡交互和最后画画的部分做的都非常好看，感觉也没难到劝退的地步。想学习借鉴一下，但也不知道从哪入手。

不知道各位前端大佬有没有比较推荐的学习方法，先在此谢过。