Vue<蓝天白云背景效果>

效果图：

cloud.gif

🎈首先说明，以下参考地址和我的代码没有任何关系，不要问我为什么，因为大牛写的代码我看不懂，涉及到了3D效果，所以很难搞😂！！但是自己又非常喜欢这种效果，于是就绞尽脑汁，想到了别的方法来实现~~~~~~ 😁😁(感觉效果很好)

参考效果地址：
http://www.jq22.com/yanshi22288

其实实现起来不算困难，说实话只要你css功底够好，很快就能写出来的 👌

🎈知识点：

1.css的 perspective景深

不太了解的可以先参考这篇文章 https://www.jianshu.com/p/8f5e39ac3bdb
木有了,就是这么容易~~~~ 🙃
此处有用到 TweenLite，有看过我之前文章的小伙伴应该知道是什么，只是一个简单的引用库，用来处理位置偏移等动画效果的

image.png image.png
image.png
image.png

基本原理已经交给你了，想要偷懒的小伙伴，可以直接捡现成的~~~~😘(基于vue项目的可以直接复制，其他的需要加以改造)

代码如下：