html5怎么要文字飘起来,html分享之一个超级炫酷的-404飞起来了

[Asm] 纯文本查看复制代码

瀑布流52pojie.cn之404飞起来了

* {

margin: 0;

padding: 0;

}

body {

background: black;

}

canvas {

display: block;

}

var ad = document.getElementById("ad");

var ctx = ad.getContext("2d");

ad.height = window.innerHeight;

ad.width = window.innerWidth;

var chinese = "义薄云天";

chinese = chinese.split("");

var font_size = 10;

var columns = ad.width / font_size;

var drops = [];

for (var x = 0; x < columns; x++) drops[x] = 1;

function draw() {

ctx.fillStyle = "rgba(0, 0, 0, 0.05)";

ctx.fillRect(0, 0, ad.width, ad.height);

ctx.fillStyle = "#0F0";

ctx.font = font_size + "px arial";

for (var i = 0; i < drops.length; i++) {

var text = chinese[Math.floor(Math.random() * chinese.length)];

ctx.fillText(text, i * font_size, drops[i] * font_size);

if (drops[i] * font_size > ad.height && Math.random() > 0.975)

drops[i] = 0;

drops[i]++;

}

setInterval(draw, 50);

html5怎么要文字飘起来,html分享之一个超级炫酷的-404飞起来了相关推荐

超级炫酷夜场酒吧KTV宣传视频模板镂空文字故障闪屏特效PR模板
超级炫酷夜场酒吧KTV宣传视频模板镂空文字故障闪屏特效PR模板超级时尚炫酷Premiere夜场酒吧KTV宣传视频模板,具有动态场景,频闪效果和原始过渡.该模板具有9个媒体占位符,8个可编辑文本层和 ...
UI设计教程分享：Ps合成炫酷机械姬
本次给大家分享一个通过PS合成一个炫酷的机械姬,在这个教程里给大家展示图像的色彩处理.人物光影塑造和创意实现及细节处理,教程比较简单,创意十足,看过<机械姬>电影的同学们一定知道这个有多炫 ...
HTML5七夕情人节表白网页制作【抖音超火3D炫酷魔方】HTML+CSS+JavaScript
这是程序员表白系列中的100款网站表白之一,旨在让任何人都能使用并创建自己的表白网站给心爱的人看. 此波共有100个表白网站,可以任意修改和使用,很多人会希望向心爱的男孩女孩告白,生性腼腆的人即使那个 ...
移动端不利用HTML5和echarts开发一样可以实现大数据展示及炫酷统计系统（产品技术综合）...
一.由于项目需要进行手机看板展示设计及开发展示效果图如下: 上图为概况(点击相应模块进入详情页面) 上图为运营统计(一些统计类图标状图折线图等......) 车辆分布状况(展示在地图上分布) 上图为点 ...
10大炫酷的HTML5文字动画特效欣赏
文字是网页中最基本的元素,在CSS2.0时代,我们只能在网页上展示静态的文字,只能改变他的大小和颜色,显得枯燥无味.随着HTML5的发展,现在网页中的文字样式变得越来越丰富了,甚至出现了文字动画,HT ...
分享8款最新超酷HTML5/CSS3特效及源码
这次我们整理了8款最新的HTML5/CSS3特效及源码,这些特效包括HTML5文字特效.HTML5焦点图特效.CSS3/HTML5进度条特效等类型,一起来看看吧. 1.CSS3/jQuery全屏立体焦 ...
字掉落炫酷网站_10大炫酷的HTML5文字动画特效欣赏
文字是网页中最基本的元素,在CSS2.0时代,我们只能在网页上展示静态的文字,只能改变他的大小和颜色,显得枯燥无味.随着HTML5的发展,现在网页中的文字样式变得越来越丰富了,甚至出现了文字动画,HT ...
字掉落炫酷网站_16个富有创意的HTML5 Canvas动画特效集合
本文作者html5tricks,转载请注明出处 1.HTML5 Canvas高空瀑布下落湖面动画 HTML5 Canvas是一个神奇的网页技术,我们在Canvas画布上可以做任何有趣的事情.今天要分享 ...
html炫酷在线,程序猿必备的10款超炫酷HTML5 Canvas插件
1.超炫酷HTML5 Canvas 3D旋转地球动画这是一款基于HTML5 Canvas的3D地球模拟动画,动画以太空作为背景,地球在太空中旋转,同时我们也可以拖拽鼠标来从不同的角度观察地球.另外我 ...

html5怎么要文字飘起来,html分享之一个超级炫酷的-404飞起来了

html5怎么要文字飘起来,html分享之一个超级炫酷的-404飞起来了相关推荐

最新文章

热门文章