From 32ed1aac73753c61df33907f24ef47b5a0061eee Mon Sep 17 00:00:00 2001
From: agan <agan@yazhai.co>
Date: Mon, 21 Feb 2022 11:08:19 +0800
Subject: [PATCH] 样式微调
---
css/new/index.css | 19 +++++++++++++++++--
1 file changed, 17 insertions(+), 2 deletions(-)
diff --git a/css/new/index.css b/css/new/index.css
index c38d0b9..67852c7 100644
--- a/css/new/index.css
+++ b/css/new/index.css
@@ -60,7 +60,7 @@ body {
position: absolute;
top: 5.4rem;
left: 50%;
- transform: translateX( -50%);
+ transform: translateX( -50%) scale(1.2);
z-index: 10;
}
@@ -128,6 +128,7 @@ body {
position: absolute;
top: 2rem;
left: -0.4rem;
+ animation: mBreath 8s linear infinite;
}
.bubble2 {
@@ -138,6 +139,7 @@ body {
position: absolute;
top: 1.6rem;
left: 7rem;
+ animation: mBreath 6s linear infinite;
}
.bubble3 {
@@ -148,6 +150,7 @@ body {
position: absolute;
top: 8rem;
right: -0.4rem;
+ animation: mBreath 10s linear infinite;
}
.bubble4 {
@@ -157,9 +160,21 @@ body {
background-size: contain;
position: absolute;
top: 14rem;
- left: -0.2rem;
+ left: -0.3rem;
+ animation: mBreath 7s linear infinite;
}
+@keyframes mBreath {
+ 0%{
+ transform: scale(1);
+ }
+ 50%{
+ transform: scale(0.8);
+ }
+ 100%{
+ transform: scale(1);
+ }
+}
.recommendBox {
/* width: 10rem;
--
libgit2 0.25.0