背景动态星空H5特效源代码

最新推荐文章于 2023-03-14 16:30:41 发布
最新推荐文章于 2023-03-14 16:30:41 发布
阅读量7.2w 收藏 93
点赞数 22
分类专栏： H5 笔记 文章标签： css sms nagios
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_51684972/article/details/109247357
版权
这篇博客分享了背景动态星空的H5特效源代码，适用于网页设计和开发，通过CSS实现逼真的星空效果。
摘要由CSDN通过智能技术生成

背景动态星空H5特效源代码
源代码已经在下面点个关注呗！

在这里插入图片描述
在这里插入图片描述
背景


<!--name：sanlang
    from：internet model web
    function：a login page with starts
-->

<!DOCTYPE HTML>
<html>
<head>
<base href="https://www.ym4j.com:443/">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="360-site-verification"
	content="3937f2e6c14324d2574c9322b35fd2b9" />
<meta name="viewport"
	content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
<meta charset="utf-8">
<title>三郎的星空</title>
<meta name="keywords" content="三郎的星空">
<meta name="description" content="酷炫星空的带验证码的后台登录页面模板">


<link href="res/css/show1.css" rel="stylesheet" />

<script src="res/js/show.js"></script>


<style type="text/css">
@charset "utf-8";

:focus {
	outline: none;
}

.jsfylayer a {
	color: #555;
}

.jsfylayer a:hover {
	color: #ff5f50;
}

.jsfylayer i,.jsfylayer em {
	list-style: none;
	font-style: normal;
}

.jsfylayer img {
	display: block;
}

.jsfylayer li {
	list-style: none;
}

.jsfylayer ul {
	padding: 0px;
}

.jsfylayer {
	text-align: left;
	color: #333;
	display: none;
	position: fixed;
	width: 400px;
	background: #f5f6f7;
	height: 100%;
	top: 0;
	right: 0;
	z-index: 200000000;
	border-left: 1px solid #dcdcde;
	font-size: 14px;
	font-family: "微软雅黑";
}

.jsfytop {
	height: 35px;
	line-height: 35px;
	text-align: center;
}

.jsfytop .jsfytt em {
	color: #4285f4;
	font-weight: bold;
}

.jsfytop .jsfytt i {
	width: 20px;
	height: 20px;
	display: inline-block;
	background:
		url(data:image/png;base64,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)
		no-repeat -41px -1px;
	vertical-align: middle;
	margin: 0px 3px;
}

.jsfyprev,.jsfynext,.jsfyclose {
	width: 40px;
	height: 35px;
	float: left;
	cursor: pointer;
}

.jsfyclose {
	float: right;
}

.jsfyprev i,.jsfynext i,.jsfyclose i {
	background:
		url(data:image/png;base64,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
最低0.47元/天 解锁文章
三郎君
关注
  • 22
    点赞
  • 踩
  • 93
    收藏
    觉得还不错? 一键收藏
  • 12
    评论
专栏目录
HTML星空特效
兔子王
06-19 3万+
100行代码实现HTML星空特效。
动态星空背景个人主页网站源码 独立后台版本
最新发布
09-07
动态星空背景个人主页网站源码 独立后台版本，可引流可以做官方网站。 后台地址：域名/home/admin 后台账号：admin 后台密码：123456 登录后台后可以修改账号和密码
mybatis使用Map 接收返回值
weixin_44544885的博客
09-09 1万+
Mapperxml SQL文件： <select id="selectLiveActivityL" resultType="Map"> SELECT IFNULL(Set_Value,0) AS Set_Value FROM baseset WHERE Base_Set_Id IN (3,4,5) </select> 取出baseset 表中Base_Set_Id为3，4，5的数据，如下： Mapper接口文件： List&l...
JS日期时间比较大小（绝对干货）
一如年少丶的博客
03-15 2万+
一般我们的字符串格式的日期，大多是这样：’2015/01/12’或者是 ‘2017-8-13’
理解 白帽子讲web安全 ‘alert(\““ + x + “\“)‘
滕青山博客
02-27 535
介绍 在《白帽子讲web安全》的第三章的3.3.6 防御DOM Based XSS中，有下面这段话： 那是不是因为对“$var”用错了编码函数呢？如果改成HtmlEncode会怎么样？继续看下面这个例子： <script> var x = "1&#x22;&#x29;&#x3b;alert&#x28;2&#x29;&#x3b;&#x2f;&#x2f;&#x22; "; document.write("
我与JFX不得不说的事故现场
梦凝哲雪
03-14 1304
Oracle 近日在其官方博客宣布，从 JDK 11 开始，JavaFX 将作为独立模块从 JDK 中分离出来，以使 JavaFX 更易于被采用。该调整将降低新贡献者参与 OpenJFX 开源社区的门槛。JavaFX 于 JavaOne 2007 大会上首次对外公布，并被迅速拿来与 Adobe Flex 和 Microsoft Silverlight 做比较。该技术于 2011 年完全开源，并在一年后成为 Oracle JDK 的一部分。
HTML5全屏星空背景动画特效
06-24
HTML5全屏星空背景动画特效是一种利用HTML5的Canvas元素结合JavaScript编程实现的网页动态视觉效果。Canvas是HTML5中的一个重要特性，它提供了一个二维图形画布，允许开发者通过JavaScript来绘制图形，实现丰富的...
HTML5/ CSS简约星空动态背景
07-14
在这个"简约星空动态背景"项目中，我们将深入探讨如何利用这两者来创建一个吸引人的视觉效果，为网页添加一种宁静而神秘的星空氛围。 首先，HTML5（HyperText Markup Language第五版）是网页内容的主要结构语言，它...
渐变背景星空CSS3特效
04-25
这种特效将网页背景设定为动态的渐变星空，同时结合文字元素，当鼠标悬停在文字上时，文字会呈现出模糊放大并最终消失的效果，营造出一种霓虹闪烁的科幻感。 首先，CSS3中的`linear-gradient`或`radial-gradient`...
HTML5 Canvas星空背景特效特效代码
03-20
HTML5 Canvas星空背景特效是一种利用HTML5的Canvas元素和JavaScript技术实现的动态视觉效果。Canvas是HTML5的一个重要特性，它允许在网页上绘制2D图形，为网页开发者提供了丰富的图形绘制能力，使得动态和交互式的...
HTML5 Canvas星空背景特效
06-24
HTML5 Canvas星空背景特效是一种利用HTML5的Canvas元素创建出动态、交互式的星空场景的技术。Canvas作为HTML5的一个重要组成部分，允许开发者在网页上绘制2D图形和动画，无需借助Flash或其他插件。这种特效通常用于...
wifi binding on imx6sl evk based board
jack_a8的专栏
01-25 6935
We are having problem with board that is based on imx6sl evk and rtl8192cu (chip on wifi module is RTL8188CTV). The wifi module is on USB interface. We integrated rtl8192cu driver from another pack
MFC的宏_T()和_L()的区别,以及VS2017正则表达式批量替换_T()
$firecat利白的代码足迹$
11-20 1039
1、Windows使用两种字符集ANSI和UNICODE Windows NT的所有与字符有关的函数都提供两种方式的版本，而Windows 9x只支持ANSI方式。_T一般同字常数相关，如_T("Hello")。如果你编译一个程序为ANSI方式，_T实际不起任何作用。 而如果编译一个程序为UNICODE方式，则编译器会把"Hello"字符串以UNICODE方式保存。 _T()和_L()的区别...
百度语音合成data:audio/x-mpeg；base64转mp3
热门推荐
z19980115的博客
06-24 54万+
百度语音base64转mp3
Qt下载+VS插件安装配置
&再见萤火虫&的博客
08-29 1231
注：由于在网站下载非常慢，这里强烈推荐使用清华源下载QT安装包以及VS中对应的插件。 qt下载：https://mirrors.tuna.tsinghua.edu.cn/qt/archive/qt/ vsaddin下载：https://mirrors.tuna.tsinghua.edu.cn/qt/archive/vsaddin/?C=M&O=D 下载完之后，可以参考这篇博客进行安装和配置@飞天神龟【VS2017中配置QT5.12开发环境】 ...
Python调用kafka构建完整实例分析与应用！
爬遍所有网站
06-06 7万+
近期遇到一个需求就是我们需要把当前比较耗费资源的接口开发成异步通讯的机制，简单来说就是有一个消息队列来不停地进行消息的集中分发与任务处理，这里应用端给出的方案是使用kafka来做，但是这个我在之前没有接触过，所以没有头绪，就想着在本机搭建一下kafka的环境，来去熟悉整个操作过程。 接下来就先开始kafka环境的安装。kafka的安装需要依赖于zooeleeper模块，虽然说kafka自带了zooeleeper模块，但是网上清一色的教程都说还是需要自己手动提前去安装zooeleeper模块才行的，所以..
Android性能测试
C.Trista
07-29 6万+
1、CPU取值 adb shell top -n 1| grep "+PackageName 2、内存取值 adb shell dumpsys meminfo "+PackageName 3、取流量值 adb shell cat /proc/Pid/net/devz4、取电量值adb shell dumpsys battery
切木材（二分法）
胜神明半子
08-17 599
题目背景 要保护环境 题目描述 木材厂有nn根原木，现在想把这些木头切割成kk段长度均为ll的小段木头（木头有可能有剩余）。 当然，我们希望得到的小段木头越长越好，请求出ll的最大值。 木头长度的单位是\text{cm}cm，原木的长度都是正整数，我们要求切割得到的小段木头的长度也是正整数。 例如有两根原木长度分别为1111和2121，要求切割成等长的66段，很明显能切割出来的小段木头长度最长为55。 输入格式 第一行是两个正整数n,kn,k，分别表示原木的数...
html动态背景特效星空
05-09
可以使用CSS3动画和JavaScript来实现一个星空的动态背景特效。 首先，在HTML中创建一个div用来作为背景： ```html <div id="stars"></div> ``` 然后，在CSS中设置该div的样式，并使用CSS3动画让星星随机移动： ```css #stars { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; z-index: -1; } .star { position: absolute; width: 2px; height: 2px; background-color: #fff; border-radius: 50%; animation: twinkle linear infinite; } @keyframes twinkle { from { opacity: 1; } to { opacity: 0; } } ``` 接着，在JavaScript中使用循环创建一定数量的星星，并随机设置它们的位置和动画延迟时间： ```javascript const numStars = 100; // 星星数量 const stars = document.getElementById("stars"); // 循环创建星星 for (let i = 0; i < numStars; i++) { const star = document.createElement("div"); star.className = "star"; stars.appendChild(star); // 随机设置星星的位置和动画延迟时间 const xy = getRandomPosition(); star.style.top = xy[0] + "px"; star.style.left = xy[1] + "px"; star.style.animationDelay = Math.random() * 10 + "s"; } // 随机生成位置 function getRandomPosition() { const y = window.innerHeight; const x = window.innerWidth; const randomY = Math.floor(Math.random() * y); const randomX = Math.floor(Math.random() * x); return [randomY, randomX]; } ``` 最后，将CSS和JavaScript代码保存到文件中，并在HTML中引入它们： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>星空背景特效</title> <style> /* CSS代码 */ </style> </head> <body> <div id="stars"></div> <script> // JavaScript代码 </script> </body> </html> ``` 这样就可以实现一个简单的星空动态背景特效了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 12
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值