JS特效第80弹：全屏动画黑客帝国代码雨特效

马coder

于 2024-01-11 18:00:00 发布

阅读量557

点赞数 13

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/weixin_38343072/article/details/134939524

版权

一款全屏动画黑客帝国代码雨HTML5特效，先来看看效果：

一部分关键的代码如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>黑客帝国代码雨HTML5特效</title>

<script type="text/javascript" src="js/digitalrain.js" ></script>
<style>html, body 
	{ 
		padding:0; margin:0; border:0; width:100%; height:100%; overflow:hidden;
	}
	html
	{
		background: black;
	}
</style>

</head>
<body>

<div style="height: 100%; width: 100%; background-image: radial-gradient(at 45px 45px, rgb(0, 255, 255) 0%, rgba(0, 0, 255, 0) 50%, rgb(0, 0, 255) 95%); opacity: 0.18; position: absolute;"></div&g