全屏滚动加动画效果制作方法

fullPage  首先要说一下这个做全屏滚动的一个很好js

网站建设来介绍一下如何做全屏滚动,当滚动到当前页面的时候动画效果生效的方法。

首先这个fullpage是可以在滚动到某个页面的时候,给body加上一个类别样式  class=”fp-viewing-2

这个样式的值是会变化的。

如果你设定一个样式

.fp-viewing-2 .fade-in-bl {.fp-viewing-2 .fade-in-bl { -webkit-animation: fade-in-bl 3.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;         animation: fade-in-bl 3.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}

那么就是说当 满足在fp-viewing-2出现的时候  这个样式动画才生效

那么就很好的解决了,在这一屏出现的时候才出现动画效果的问题。

动画效果网站建设推荐到

http://animista.net/

这个网站去,这个网站的动画效果很多,看要什么效果调好 复制下来就可以用

网站建设

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/tech/courses/262756.html

(0)
上一篇 2022年5月27日 17:40
下一篇 2022年5月27日 17:40

相关推荐

发表回复

登录后才能评论