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

最新推荐文章于 2023-09-04 19:26:29 发布
最新推荐文章于 2023-09-04 19:26:29 发布
阅读量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星空特效。
HTML5+JS实现的全屏星空特效源码
05-06
HTML5+JS实现的全屏星空特效源码HTML5+JS实现的全屏星空特效源码HTML5+JS实现的全屏星空特效源码HTML5+JS实现的全屏星空特效源码HTML5+JS实现的全屏星空特效源码
我与JFX不得不说的事故现场
梦凝哲雪
03-14 1304
Oracle 近日在其官方博客宣布，从 JDK 11 开始，JavaFX 将作为独立模块从 JDK 中分离出来，以使 JavaFX 更易于被采用。该调整将降低新贡献者参与 OpenJFX 开源社区的门槛。JavaFX 于 JavaOne 2007 大会上首次对外公布，并被迅速拿来与 Adobe Flex 和 Microsoft Silverlight 做比较。该技术于 2011 年完全开源，并在一年后成为 Oracle JDK 的一部分。
wifi binding on imx6sl evk based board
jack_a8的专栏
01-25 6934
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
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
http://syy7.com/a/33.php,eDrawings
weixin_33298352的博客
03-22 5万+
OzsgSFNGIFYxMi4wMCAKSQAAAABCAClcD76RdCW+ZmamvilcDz7nSyU+/tR4Plp42uy9B1gUSdAw3LMzsxF2CUqWqAISZMmrLGLOogLmgAEjJjB7ypizZz5z9kxnzsqa4+l5Zr2A4c6cc9b9u3p2hh1ED/De9/u/7zkenW6a3aqu6pruSt3dvDiF0B51eFhYdEiYPjQs...
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或其他插件。这种特效通常用于...
java jfx_jfx: JavaFX是用于构建富互联网应用程序的Java库。使用JavaFX开发的应用程序可以在各种设备上运行，如台式计算机，手机，物联网设备，平板电脑等。...
weixin_36116139的博客
02-16 172
OpenJFXOpenJFX is an open source, next generation client application platform for desktop, mobile and embedded systems based on JavaSE. It is a collaborative effort by many individuals and companies w...
java jfx_Java开发桌面程序学习（八）——开源库 JFXUtils 让你更简单地进行JavaFX开发...
weixin_42318812的博客
02-16 304
JFxUtils介绍这是一个JFX的工具库，Intent可以简单地实现打开一个新窗口并传递数据，DialogBuilder可以简单地生成对话框,MyUtils有些常用的功能使用JFxUtils与JavaFxTemplate是配套使用的，想要使用的话，请下载JavaFxTemplate模板JavaFxTemplate模版已经整合了JFxUtils，直接使用即可JavaFxTemplate项目地址下载...
java xml开发桌面程序_Java開發桌面程序學習（二）————fxml布局與控件學習...
weixin_34850061的博客
02-16 115
JavaFx項目新建完項目，我們的項目有三個文件 Main.java 程序入口類，載入界面並顯示Controller.java 事件處理,與fxml綁定Sample.fxml 界面sample.fxml需要通過標簽fx:controller定義對應的controller專業術語舞台(Stage)，場景(Scene)，容器(Container)，布局(Layout )和控件(Controls)之間的...
MyBatisPlus 自定义sql语句的实现
chengmin123456789的博客
01-15 529
@Override public Map<String, Object> kccxhj(Term term) throws Exception{ QueryWrapper<EZShangPin> wrapper=new QueryWrapper<>(); if(MyStrUtils.isNotEmpty(term.getQ())){ CWMSTmdrdmx tmdrdmx=new CWMSTmdrdmx(..
idea javafx添加maven_JavaFx系列教程之一：JavaFx+Springboot+Maven 开发打包教程
weixin_29021291的博客
01-12 771
最近在用 JavaFx 开发窗体程序，并且以后打算把所有的窗体软件切换到 JavaFx 上面，并且还想用 springboot 的__各种好处，集成了 springboot 就可以愉快的用各种服务了。所以就有了这个博客。。。我本来想自己写一个 javafx-spring-boot-starter 的，其原理也是很简单地，利用 springboot的 aware 就可以了。但是发现德国这哥们已经写了...
触屏查看大图（可以缩放）
hangGe0111的博客
01-24 1万+
1.less(如果需要less的，可以拿过去，如果不需要，只要引入css即可) .pl_mainLi-RcImgList .pl_mainLi-RcImg:first-child{ z-index: 1; } .pl_mainLi-RcImg { width: 100%; height: 100%; position: absolute; left: 0; top:...
RxAndroid+Retrofit项目上手
专栏
12-09 2万+
项目效果 这里简单做了个项目的首页，使用了一些material design包里面的新东西，正好练一下手，这里暂时没有结合lambda表达式，下文简单说一下。 先上一下activity的代码吧package com.fanyafeng.rxandroid.hong9.activity;import android.graphics.Color; import android.net.Uri;
Vuex使用详解（基础到进阶通关大全）
最新发布
CreatorRay的博客
09-04 145
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它可以让我们更方便地管理应用程序的数据流，实现组件之间的通信，以及构建复杂的业务逻辑。在本文中，我将以 Vuex 的使用详解为主题，介绍 Vuex 的基本用法和高级用法，以及一些常见的问题和解决方案。本文假设你已经对 Vue.js 有一定的了解。
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、付费专栏及课程。

余额充值