今天发现一个动画,没想到怎么用css3实现

Question

网站地址，鼠标经过

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

你期待的结果是什么？实际看到的错误信息又是什么？

Answer 1

楼主想实现鼠标经过的时候，从左边进入从右边出去的动画效果吧

可以通过在鼠标经过的时候改变transform-origin实现

下面是示例：

https://codepen.io/xboxyan/pe...

---

希望对你有用，谢谢~

Answer 2

不是这个问题。http://taotajima.jp/works/###这个网址 加载的有点慢你稍等下就知道了。提交不了评论只能这样了希望你能看到....

Answer 3

里面的动画效果有不少 光是播放Vimeo视频的遮罩动画就用了好几个
看了一下源码主要用TweenMax做的
另外还有ThreeJS不过没看出来在哪部分用的

Answer 4

鼠标hover后类似视频的动画吗？
这个是用canvas做的，network里面有视频文件，所以推测应该是用canvas一帧帧抓取过来渲染的，可能是想通过canvas修改每一帧的效果，的确是个炫酷的网站