摘要: 基本代码 html代码: 首先定义一些基本的样式和动画: background-size: auto 100%; 这段代码的意思是让图片的高等于容器的高,并且水平方向自动,即图片最左边贴着容器左侧。 执行动画的流程是:周而复始、往复交替、线性并且时间周期是10s。 手动控制动画执行 现在我们实现当鼠 阅读全文
posted @ 2018-03-08 17:33 风雨后见彩虹 阅读(2910) 评论(0) 推荐(1)
摘要: 下面代码只是实现了上下滑动惯性,没有写水平滑动惯性。(临时代码笔记,可能会在以后的过程中不断更新优化代码) 注:当滑动到页面底部的时候才触发touchmove事件。 调用方式: 参考地址: 移动端拖动惯性 原生移动端滑动js 阅读全文
posted @ 2018-03-08 17:03 风雨后见彩虹 阅读(2973) 评论(0) 推荐(0)
摘要: CSS动画非常的有趣;这种技术的美就在于,通过使用很多简单的属性,你能创建出漂亮的消隐效果。其中代表性的一种就是CSS图片翻转效果,能让你看到一张卡片的正反两面上的内容。本文就是要用最简单的方法向大家介绍如何创建这种效果。 网上有很多其它的教材,但里面添加了很多多余的代码样式,需要读者去分清哪些是必 阅读全文
posted @ 2018-03-08 16:42 风雨后见彩虹 阅读(5596) 评论(0) 推荐(0)
摘要: 需求分析,根据当前网页中的几张图片,在手机上长按,保存图片到相册或者发送给好友。 调用方式: 注:上面的调用是使用的vue语法。 可参考地址: 利用canvas,把多张图合并成一张图片 基于html2canvas实现网页保存为图片及图片清晰度优化 canvas导出为图片并用JS下载 js截图及绕过服 阅读全文
posted @ 2018-03-08 15:32 风雨后见彩虹 阅读(17772) 评论(2) 推荐(4)