动画
3篇文章 · 0订阅
  • 不可思议的纯 CSS 滚动进度条效果
    就是顶部黄色的滚动进度条，随着页面的滚动进度而变化长短。 在继续阅读下文之前，你可以先缓一缓。尝试思考一下上面的效果或者动手尝试一下，不借助 JS ，能否巧妙的实现上述效果。 OK，继续。这个效果是我在业务开发的过程中遇到的一个类似的小问题。其实即便让我借助 Javascrip…
    CSS 前端
    不可思议的纯 CSS 滚动进度条效果
  • web实战：video结合canvas实现视频在线截图
    给大家讲解下我前几天看到的一个有趣小demo：视频在线截图。以下是我修改和添加了新功能后的效果图： 是不是很酷，其实挺简单的，下面就给大家讲讲怎么弄哈。 js的URL对象有个createObjectURL方法，它可以获取一个文件（File对象）的url，然后插入到video元素…
    JavaScript 前端 jQuery
  • SVG Path路径在网页开发的作用
    SVG是矢量图形表示，它的一个强大之处在于path标签可以表示任意的矢量形状，利用好这个path可以做出很多传统html/css做不出来的效果。下面举几个例子。 1. 做路径动画 利用animateMotion结合path做的动画，具体说明可见上文。 2. 实现不规则形状的点击…
    CSS 前端 SVG