最最重要一点,逢考必过,竞赛都能拿大奖!!!
元旦了,怎么能不放个烟花来庆祝一下呢,我们数模人当然有自己的庆祝方式,来个电子烟花,怀着期待的心情迈入新的一年。
今天就给大家免费分享一个烟花代码!
操作教程如下:
首先在桌面新建一个文本文档(鼠标右键——新建——文本文档);
之后(如果有后缀.txt,则跳过此步)打开此电脑——(页面上方)查看——勾选文件扩展名;
复制以下代码到刚才新建的文本文档中,保存后关闭;
将后缀.txt改为.html后双击实现。
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>2025新年快乐!万事如意!</title>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="theme-color" content="#000000">
<link rel="shortcut icon" type="image/png" href="https://s3-us-west-2.amazonaws.com/s.cdpn.io/329180/firework-burst-icon.png">
<link rel="icon" type="image/png" href="https://s3-us-west-2.amazonaws.com/s.cdpn.io/329180/firework-burst-icon.png">
<link rel="apple-touch-icon-precomposed" href="https://s3-us-west-2.amazonaws.com/s.cdpn.io/329180/firework-burst-icon.png">
<meta name="msapplication-TileColor" content="#000000">
<meta name="msapplication-TileImage" content="https://s3-us-west-2.amazonaws.com/s.cdpn.io/329180/firework-burst-icon.png">
<link href="https://fonts.googleapis.com/css?family=Russo+One" rel="stylesheet"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">
<link rel="stylesheet" href="./style.css">
<style>
* {
position: relative;
box-sizing: border-box;
}
html,body {
height: 100%;
}
html {
background-color: #000;
}
body {
overflow: hidden;
color: rgba(255, 255, 255, 0.5);
font-family: "Russo One", arial, sans-serif;
line-height: 1.25;
letter-spacing: 0.06em;
}
.hide {
opacity: 0;
visibility: hidden;
}
.remove {
display: none;
}
.blur {
filter: blur(12px);
}
.container {
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
#loading-init {
width: 100%;
align-self: center;
text-align: center;
font-size: 2em;
}
#stage-container {
overflow: hidden;
box-sizing: initial;
border: 1px solid #222;
margin: -1px;
}
#canvas-container {
width: 100%;
height: 100%;
transition: filter 0.3s;
}
#canvas-container canvas {
position: absolute;
mix-blend-mode: lighten;
}
#controls {
position: absolute;
top: 0;
width: 100%;
padding-bottom: 50px;
display: flex;
justify-content: space-between;
transition: opacity 0.3s, visibility 0.3s;
}
@media (min-width: 800px) {
#controls {
visibility: visible;
}
#controls.hide:hover {
opacity: 1;
}
}
在这个快乐的日子里,福利当然不会少啦!
2024年数学建模国赛正式告一段落,错过国赛和没有获奖的同学千万不要错过2025年美赛啦!!
目前美赛协议班报名已经开启,需要咨询的小伙伴请在公众号【数学建模老哥】后台回复【美赛协议班】,名额有限,先到先得!
课程介绍
好评如潮
报名方式