简体   繁体   English

CSS / JS滑块过渡效果

[英]CSS / JS slider transition effect

I recently came across a slider on this website - https://antoni.de/ . 最近,我在此网站上遇到了一个滑块-https: //antoni.de/ I really like the transition effect but I can't for the life of me figure out how it's done. 我真的很喜欢过渡效果,但是我无法一生都知道它是如何完成的。 I get how the slider works but its the actual transition that is baffling me. 我知道滑块的工作方式,但是它的实际过渡让我感到困惑。 I have no idea what this effect is called and I am not sure if it is done by CSS or JS? 我不知道这种效果是什么,我不确定它是由CSS还是JS完成的? Would love to be able to imitate the same sort of transition effect. 希望能够模仿同样的过渡效果。 Does anyone know how this done and can point me in the right direction to building something similar? 有谁知道这是怎么做的,可以指出正确的方向来建立类似的东西吗?

This is an image of the transition effect: 这是过渡效果的图像: 在此处输入图片说明

它是使用HTML5画布制作的,您可以在源代码中看到它。

I actually messaged the developer to find out how he made this. 我实际上告诉开发人员以了解他是如何做到的。 It is made using webGL! 它是使用webGL制成的!

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM