最近在学canvas做动画,于是就写个转盘练下手。上个简陋的成果图(中间那个是转的指针,外面的圈是图片,懒得写了哈哈哈) 代码很简单,都注释了,直接上代码吧,嘤嘤嘤 html <body> <canvas id="canvas">您的浏览器不支持canvas</canvas> <img src=". ...
分类:
其他好文 时间:
2019-11-16 19:22:23
阅读次数:
54
1.360度一直旋转动画 <img class="rotate" src="../circle.png"/> .rotate { transform: rotate(360deg); animation: rotation 3s linear infinite; -moz-animation: ro ...
分类:
其他好文 时间:
2019-11-12 11:13:20
阅读次数:
94
马上就2020年了,不知道小伙伴们今年学习了css3动画了吗?说起来css动画是一个很尬的事,一方面因为公司用css动画比较少,另一方面大部分开发者习惯了用JavaScript来做动画,所以就导致了许多程序员比较排斥来学习css动画(至少我是),但是一个不懂css动画的前端工程师不能称之为掌握css3,其实当你真正学习css动画之后,你会被它的魅力所吸引的,它可以减少代码量、提高性能。上一篇文章我
分类:
Web程序 时间:
2019-11-03 22:12:07
阅读次数:
131
马上就2020年了,不知道小伙伴们今年学习了css3动画了吗?说起来css动画是一个很尬的事,一方面因为公司用css动画比较少,另一方面大部分开发者习惯了用JavaScript来做动画,所以就导致了许多程序员比较排斥来学习css动画(至少我是),但是一个不懂css动画的前端工程师不能称之为掌握css3,其实当你真正学习css动画之后,你会被它的魅力所吸引的,它可以减少代码量、提高性能。话不多说,马
分类:
Web程序 时间:
2019-11-03 10:50:19
阅读次数:
100
原文:前端深入之css篇丨2020年前,彻底掌握css动画【animation】 写在前面 马上就2020年了,不知道小伙伴们今年学习了css3动画了吗? 说起来css动画是一个很尬的事,一方面因为公司用css动画比较少,另一方面大部分开发者习惯了用JavaScript来做动画,所以就导致了许多程序... ...
分类:
Web程序 时间:
2019-10-25 10:05:43
阅读次数:
101
原文:前端深入之css篇丨初探【transform】,手把手带你实现1024程序员节动画 写在前面 马上就2020年了,不知道小伙伴们今年学习了css3动画了吗? 说起来css动画是一个很尬的事,一方面因为公司用css动画比较少,另一方面大部分开发者习惯了用JavaScript来做动画,所以就导致了... ...
分类:
Web程序 时间:
2019-10-25 09:45:03
阅读次数:
112
原文:前端深入之css篇丨2020年前,彻底掌握css动画【transition】 写在前面 马上就2020年了,不知道小伙伴们今年学习了css3动画了吗? 说起来css动画是一个很尬的事,一方面因为公司用css动画比较少,另一方面大部分开发者习惯了用JavaScript来做动画,所以就导致了许多程... ...
分类:
Web程序 时间:
2019-10-25 09:40:45
阅读次数:
109
以前觉得自己手写一个类似layui的弹出层是挺遥远的事,因为完全没有头绪,即便在layui官网知道layui使用的都是C3动画 之前试过控制width:0;height:0来做动画,结果惨不忍睹,直到几天前灵机一动联想到了tranform的scale属性,才稍微触及到了皮毛 为了不添加格外的HTML ...
分类:
其他好文 时间:
2019-06-16 09:35:47
阅读次数:
218
CSS与贝塞尔曲线 CSS3动画常用贝塞尔曲线实现更加自然,物理感的动画。 列举了一些常见的贝塞尔曲线数值,用于做动画的存档。 ...
分类:
Web程序 时间:
2019-06-14 12:13:46
阅读次数:
176
剩余任务预估:(这里只是编写代码的用时,实际用时要长很多,根据具体人员而定) 1.做动画 2时/人 2.优化查找速度 2时/人 3.多线程处理 3时/人 4.抓其他电影网站 12时/人 5.抓音乐网站 6时/人 6.抓小说网站 6时/人 7.改进lable的显示 0.5时/人 8.显示电影封面 1时 ...
分类:
其他好文 时间:
2019-06-12 22:56:12
阅读次数:
114