【问题标题】:Creating a wiping effect using overflow hidden使用溢出隐藏创建擦拭效果
【发布时间】:2019-01-08 04:01:55
【问题描述】:

我已经完成了我的网站的创建,并将开始为其创建动画。我爱上了这个网站动画,https://www.aristidebenoist.com/,并正在尝试重新创建它。有谁知道这种效果的基础,以及如何去创造它?

【问题讨论】:

  • 你可以聘请我来创建这个。并且不要发布这种类型的问题,就像您要求某人免费创建整个复杂的东西一样。
  • 嘿伙计,你能告诉我们你已经尝试过实现效果的任何编码吗?
  • 好吧,我的错。我对编码和这个网站有点陌生。自己找到了一种方法,但不确定这是否是最有效的方法。将创建一个新帖子,在其中显示我的代码。

标签: javascript html css


【解决方案1】:

仅检查控制台中的元素,开发人员似乎将他的内联元素用span 包裹在span 中,并为其赋予了一个变换/动画属性。

一旦屏幕滚动到某个点,您可以通过应用具有过渡或动画的类来实现同样的效果。

这是结帐的笔:https://codepen.io/matt6frey/pen/dwKWMg

希望对您有所帮助。干杯!

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2012-05-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-05-17
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多