视图布局页面-First Person Sunglasses Try-On Experiment

Today we’d like to share a fun little experiment with you: a geeky “try-on” sunglasses effect. It’s not a “try-on” in the classical sense for previewing how the sunglasses might look on a person, but instead how the view looks like when putting on some sunglasses and looking through them. For that we use a simple overlay effect and some animations to mimic the movement you do when you try on glasses from the first person perspective.
This is just a fun experimental demo where we use lots of Flexbox for the layouts and CSS Animations controlled by a class logic in our script.
一个有趣的小实验：一个另类的“试穿”太阳镜的作用。这不是“试穿”在经典意义上的预览如何太阳镜看起来对一个人，而是如何视图时的样子把一些太阳镜，看着它们。为此，我们使用一个简单的叠加效果和一些动画来模仿当你从第一人称视角尝试眼镜时的动作。
这是一个有趣的实验演示，我们使用大量的flexbox的布局和CSS动画的脚本类的逻辑控制。

查看演示 下载资源