首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏余生开发

    插件集--页面滚动scrollreveal.js

    scrollReveal.js 不依赖其他任何文件。 不支持 IE10 以下 基本方法 1、引入文件 <script src="js/<em>scrollReveal.js</em>"></script> 2、HTML

    dowebok.com 以秒为单位 after/wait 说明: 动画延迟时间 值: 数字,以秒为单位 填充(可选) 可以在 data-scroll-reveal 属性里填充(添加)一些类似编程的“语句”,使其更有可读性,scrollReveal.js div data-scroll-reveal="enter left, move 40px, over 2s, wait 0.3s">I love you
    高级用法 自定义默认值 可以更改 scrollReveal.js

    4.7K40发布于 2018-10-15
  • 来自专栏李洋博客

    网站页面滚动加载动画JS特效

    简介 和 WOW.js 一样,scrollReveal.js 也是一款页面滚动显示动画的 JavaScript,能让页面更加有趣,更吸引用户眼球。 不同的是 WOW.js 的动画只播放一次,而 scrollReveal.js 的动画可以播放一次或无限次;WOW.js 依赖 animate.css,而 scrollReveal.js 不依赖其他任何文件 虽然 scrollReveal.js 不依赖 animate.css,但它的动画也是用 CSS3 创建的,所以它不支持 IE10 以下的浏览器。 基本方法 1、引入文件 <script src="<em>scrollReveal.js</em>"></script> 2、HTML(直接将“data-scroll-reveal”放在DIV框架内即可 说明: 动画延迟时间 值: 数字,以秒为单位 填充(可选) 可以在 data-scroll-reveal 属性里填充(添加)一些类似编程的“语句”,使其更有可读性,scrollReveal.js

    15.3K20发布于 2021-06-15
  • 来自专栏前端开发随笔

    scrollReveal实现网页重复动画效果

    doctype html> <html lang="zh-CN"> <head> <title>scrollReveal.js</title> <meta charset="utf-8 1s and move 50px after 0.3s over 1s">

    </body> <script src="https://cdn.bootcss.com/<em>scrollReveal.js</em>

1.4K20发布于 2020-09-03
  • 来自专栏逸鹏说道

    前端常用插件

    : 几种 Loading 效果,基于 SVG flippant.js: 一款能够漂亮的网页元素翻转效果库,代码许久不更新,不过作为源码学习还是不错的 move.js: 基于 CSS3 的前端动画框架 scrollReveal.js

    6K61发布于 2018-04-11
  • 来自专栏向治洪

    github pages + Hexo + 域名绑定搭建个人博客增强版

    clipboard.min.js mathjax: //cdn.bootcss.com/mathjax/2.6.1/MathJax.js scrollreveal: //cdn.bootcss.com/scrollReveal.js

    2K80发布于 2018-02-05
  • 来自专栏企鹅号快讯

    前端插件以及部分细分网址梳理

    : 几种 Loading 效果,基于 SVG flippant.js: 一款能够漂亮的网页元素翻转效果库,代码许久不更新,不过作为源码学习还是不错的 move.js: 基于 CSS3 的前端动画框架 scrollReveal.js

    6.8K90发布于 2018-02-05
  • 来自专栏html5期末大作业

    网页大作业代码自取

    javascript" src="js/more.js"></script> <script src="js/scrollbar.js"></script> <script src="js/<em>scrollreveal.js</em>

    84840编辑于 2022-08-23
  • 领券