From d5fc9a3b6b746acc1a7c87dd01936cdbc0be95a3 Mon Sep 17 00:00:00 2001 From: Weslie0803 Date: Wed, 26 Oct 2022 19:40:46 +0800 Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=94=B9css=E6=96=87=E4=BB=B6?= =?UTF-8?q?=E7=BB=93=E6=9E=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- animate.css | 113 +++++++++++++++++++++++++++++++++++++++++++ index.html | 1 + scripts.72999ec6.css | 59 ---------------------- 3 files changed, 114 insertions(+), 59 deletions(-) create mode 100644 animate.css diff --git a/animate.css b/animate.css new file mode 100644 index 0000000..cdd4e57 --- /dev/null +++ b/animate.css @@ -0,0 +1,113 @@ + +.CardRolling { + position: absolute; + overflow: hidden; + width: 290px; + height: 580px; + /* display: none; */ +} +.NumRolling { + position: absolute; + overflow: hidden; + width: 290px; + height: 580px; +} +.CardRolling>ul li { + /* float: left; */ + width: 290px; + height: 580px; +} +.NumRolling>ul li { + list-style-type: none; + float: left; + width: 290px; + height: 580px; +} +.CardRolling>ul li img{ + width: 100%; + height: 100%; +} +.NumRolling>ul li img{ + width: 50%; + height: 50%; + margin: auto; + margin-top: 30%; + text-align: center; + left: 0px; + right: 0px; + top: 0px; + bottom: 0px; +} +@keyframes runY { + to { + transform: translateY(-4640px); + } +} +@keyframes runX { + to { + transform: translateX(-2900px); + } +} +.CardRolling>ul { + animation: runY 3s linear infinite; + padding-left: 0px ; +} +.NumRolling>ul { + animation: runX 3s linear infinite; + padding-left: 0px ; + width: 3190px; +} + +@keyframes CardFlash { + 12.5% { + background: url(抽奖软件UI/底色/复合/复合1.png); + } + 25% { + background: url(抽奖软件UI/底色/复合/复合2.png); + } + 37.5% { + background: url(抽奖软件UI/底色/金属/金属1.png); + } + 50% { + background: url(抽奖软件UI/底色/金属/金属2.png); + } + 62.5% { + background: url(抽奖软件UI/底色/非金/非金1.png); + } + 75% { + background: url(抽奖软件UI/底色/非金/非金2.png); + } + 87.5% { + background: url(抽奖软件UI/底色/高分子/高分子1.png); + } + 100% { + background: url(抽奖软件UI/底色/高分子/高分子2.png); + } +} + +@keyframes BondFlash { + 12.5% { + background: url(抽奖软件UI/键和方式/1-H2.png); + } + 25% { + background: url(抽奖软件UI/键和方式/2-水.png); + } + 37.5% { + background: url(抽奖软件UI/键和方式/3-乙炔.png); + } + 50% { + background: url(抽奖软件UI/键和方式/4-正四面体.png); + } + 62.5% { + background: url(抽奖软件UI/键和方式/5-石墨.png); + } + 75% { + background: url(抽奖软件UI/键和方式/6-丙炔.png); + } + 87.5% { + background: url(抽奖软件UI/键和方式/7-简单立方.png); + } + 100% { + background: url(抽奖软件UI/键和方式/8-BCC.png); + } +} \ No newline at end of file diff --git a/index.html b/index.html index 92440e1..8e58992 100644 --- a/index.html +++ b/index.html @@ -8,6 +8,7 @@ +