body{background-color:white; margin: 10px 0 0 10px; width:98%;} #allHead{display:none} #allFoot ...
body{background-color:white; margin: 10px 0 0 10px; width:98%;} #allHead{display:none} #allFoot ...
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>一起来看流星雨</title> <script> var context; var ...
人生不可能总是顺心如意,但持续朝着阳光走,影子就会躲在后面,刺眼,却是对的方向 <!doctype html><html> <head> <meta charset="utf-8" /> <title>流星雨</title> ...
1.流星雨代码 ...
源代码如下(遇上篇烟花代码几乎一样,参数值稍微不一样): ...
目录 引言 1、效果图 2、源码 3、案例解析 4、小问题 5、结语 引言 平常会做一些有意思的小案例练手,通常都会发到codepen上,但是codepen不能写分析。 所以就在博客上开个案例分享系列,对demo ...
想要讨女朋友欢心也巩固自己所学的知识,各位小伙伴有自己的想法了吗?准备好想要怎样实施了吗?有什么美好的计划了吗?如果没有的话那么别慌,我知道,在座的各位肯定都是有自己的心仪的姑娘,那么今天就教大家一招 ...
昨天 UI 提交过来一个登录页的设计稿,要求背景有一个流星雨动画,做完之后觉得挺有趣,分享一下~ 一、流星动画 首先创建一个 div 作为画布 为了防止浏览器分辨率太大而影响视觉效果,给画布加了 max-width 和 margin:auto ...