之前博主写了几篇博文都是属于前端基础技术的总结,这个周末打算发布两到三篇博文来给大家点“干货”。 之所以把话说这么早其实是想给自己点压力,免得又偷懒跳票了.... 几个月前浏览过一个外国的扁平化网站,里面的正六边形图片很炫酷,给了我很深的印象,这两天试着做了下。 废话不多说,奉上我的随兴之作 ...
前言 老规矩,先上 DEMO 和 源码。图片区域是可以点击的,动画会从点击的位置开始发生。 本来这个效果是我 年前做的,只是当是是用无数个 div 标签完成的,性能比较成问题,在移动端完全跑不动。最近心血来潮想学习一个做 CSS 效果很厉害的大神用纯 CSS 实现,无奈功力不够只能放弃,最终选择用 canvas 来完成了。 准备工作 . 首先准备相同尺寸的图片若干张,本例中图片尺寸均为 注意:这里 ...
2017-07-27 13:17 12 6609 推荐指数:
之前博主写了几篇博文都是属于前端基础技术的总结,这个周末打算发布两到三篇博文来给大家点“干货”。 之所以把话说这么早其实是想给自己点压力,免得又偷懒跳票了.... 几个月前浏览过一个外国的扁平化网站,里面的正六边形图片很炫酷,给了我很深的印象,这两天试着做了下。 废话不多说,奉上我的随兴之作 ...
,总体来说还算不错。但是抛开页面设计,这个网站有一个致命的缺点,就是没有做懒加载,这么多页面其实就是一个 ...
1.效果图 2.注意: 上述资料是虚拟的,为了学习制作动图,构建的。 仅供学习, 不是真实数据,请别误传。 当自己需要对真实数据进行可视化时,可进行适当修改。 3.代码: ...
作为一个新人怀着激动而紧张的心情写了第一篇帖子还请大家多多支持,小弟在次拜谢。 驯鹿拉圣诞老人动画效果图如下 html如下: "><di ...
最近有了个新需求,swiper3d横向滚动多张炫酷切换banner要和elementUI里边走马灯的卡片化card 类似,但是还需要h5手机触摸滚动啊啊啊啊,昨天折腾了半个早上总算完成,今天乖乖跑来mark一下。一眨眼过了一个月,9月这段期间项目多,还带着小徒弟做项目,一边教还要一边赶进度。真的 ...
异地多活 定义:广域的分布式架构; 目的:容量扩展,资源弹性; 实质:多个不同地域不同规模的数据中心; 收益:更强的容灾能力,用户就近接入能力; 容器集群 特点 ...
canvas实现动画主要是靠设置定时器(setinterval())和定时清除画布里的元素实现,canvas动画上手很简单,今天可以自己动手来实现一个酷炫气泡效果。 气泡炸裂效果(类似水面波纹) 代码如下: 气泡上升效果 代码如下: ...
声明:本文为原创文章,如需转载,请注明来源WAxes,谢谢! 我记得很早之前就看过这个DEMO,是岑安大大博客里看到的: 就是这个数字时钟,当时觉得这个创意不错,但是也没去折腾。直到昨天同事又在网上看到这个案例,他觉得很酷炫,就跑过来问我,这个是怎么实现的,然后我大概想了 ...