From c1cd979992d45347dcbca48e24e6502db7a3831b Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@63.com>
Date: 星期四, 31 三月 2022 10:19:53 +0800
Subject: [PATCH] #
---
src/main/webapp/static/css/bg.css | 175 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
src/main/webapp/static/image/bg.jpg | 0
2 files changed, 175 insertions(+), 0 deletions(-)
diff --git a/src/main/webapp/static/css/bg.css b/src/main/webapp/static/css/bg.css
new file mode 100644
index 0000000..33be867
--- /dev/null
+++ b/src/main/webapp/static/css/bg.css
@@ -0,0 +1,175 @@
+* {
+ box-sizing: border-box;
+ margin: 0;
+ padding: 0;
+ font-weight: 300;
+}
+.wrapper {
+ background: #50a3a2;
+ background: -webkit-linear-gradient(top left, #50a3a2 0%, #53e3a6 100%);
+ background: linear-gradient(to bottom right, #50a3a2 0%, #53e3a6 100%);
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+ z-index:998;
+}
+.wrapper.form-success .container h1 {
+ -webkit-transform: translateY(85px);
+ transform: translateY(85px);
+}
+/*.container h1 {*/
+ /*font-size: 40px;*/
+ /*-webkit-transition-duration: 1s;*/
+ /*transition-duration: 1s;*/
+ /*-webkit-transition-timing-function: ease-in-put;*/
+ /*transition-timing-function: ease-in-put;*/
+ /*font-weight: 200;*/
+/*}*/
+.bg-bubbles {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ z-index: 1;
+ background: url(../../static/image/bg.jpg);
+}
+.bg-bubbles li {
+ position: absolute;
+ list-style: none;
+ display: block;
+ width: 40px;
+ height: 40px;
+ background-color: rgba(255, 255, 255, 0.15);
+ bottom: -160px;
+ -webkit-animation: square 35s infinite;
+ animation: square 35s infinite;
+ -webkit-transition-timing-function: linear;
+ transition-timing-function: linear;
+}
+.bg-bubbles li:nth-child(1) {
+ left: 10%;
+ background: rgba(135, 208, 104, 0.53);
+ }
+ .bg-bubbles li:nth-child(2) {
+ left: 20%;
+ width: 80px;
+ height: 80px;
+ animation-duration: 15s;
+ background: rgba(91, 192, 222, 0.5);
+ }
+ .bg-bubbles li:nth-child(3) {
+ left: 25%;
+ background: rgba(238, 238, 238, 0.81);
+ }
+
+ .bg-bubbles li:nth-child(4) {
+ left: 40%;
+ width: 60px;
+ height: 60px;
+ animation-duration: 20s;
+ background: rgba(255, 170, 0, 0.7);
+ }
+
+ .bg-bubbles li:nth-child(7) {
+ left: 32%;
+ width: 160px;
+ height: 160px;
+ animation-delay: 3s;
+ background: #afdddf;
+ }
+
+ .bg-bubbles li:nth-child(9) {
+ left: 25%;
+ width: 20px;
+ height: 20px;
+ animation-delay: 1s;
+ animation-duration: 10s;
+ background: rgba(239, 22, 15, 0.67);
+ }
+
+ .bg-bubbles li:nth-child(11) {
+ left: 22%;
+ width: 60px;
+ height: 60px;
+ animation-delay: 3s;
+ background: rgba(239, 22, 15, 0.5);
+ }
+
+ .bg-bubbles li:nth-child(12) {
+ left: 5%;
+ width: 20px;
+ height: 20px;
+ animation-delay: 3s;
+ animation-duration: 10s;
+ background: rgba(245, 183, 59, 0.76);
+ }
+
+ .bg-bubbles li:nth-child(5) {
+ left: 70%;
+ background: rgba(255, 170, 0, 0.8);
+ }
+
+ .bg-bubbles li:nth-child(6) {
+ left: 80%;
+ width: 120px;
+ height: 120px;
+ background: rgba(245, 183, 59, 0.76);
+ }
+
+ .bg-bubbles li:nth-child(8) {
+ left: 55%;
+ width: 20px;
+ height: 20px;
+ animation-delay: 2s;
+ animation-duration: 10s;
+ background: rgba(135, 208, 104, 0.7);
+ }
+
+ .bg-bubbles li:nth-child(10) {
+ left: 90%;
+ width: 160px;
+ height: 160px;
+ animation-delay: 3s;
+ background: rgba(238, 238, 238, 0.5);
+ }
+
+ .bg-bubbles li:nth-child(13) {
+ left: 85%;
+ width: 50px;
+ height: 50px;
+ animation-delay: 5s;
+ animation-duration: 10s;
+ background: rgba(239, 22, 15, 0.6);
+ }
+ .bg-bubbles li:nth-child(14) {
+ left: 70%;
+ width: 30px;
+ height: 30px;
+ animation-delay: 6s;
+ background: #afdddf;
+ }
+@-webkit-keyframes square {
+ 0% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+ 100% {
+ /*-1080px浠ｈ〃浠庝笅鍚戜笂绉诲姩澶氬皯 600deg浠ｈ〃浠庝笅鍚戜笂绉诲姩杩囩▼涓棆杞�600搴�*/
+ -webkit-transform: translateY(-1080px) rotate(600deg);
+ transform: translateY(-1080px) rotate(600deg);
+ }
+}
+@keyframes square {
+ 0% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+ 100% {
+ -webkit-transform: translateY(-1080px) rotate(600deg);
+ transform: translateY(-1080px) rotate(600deg);
+ }
+}
diff --git a/src/main/webapp/static/image/bg.jpg b/src/main/webapp/static/image/bg.jpg
new file mode 100644
index 0000000..55aaee4
--- /dev/null
+++ b/src/main/webapp/static/image/bg.jpg
Binary files differ
--
Gitblit v1.9.1