Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
J
JM-07
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
template admin
JM-07
Commits
768dca62
Commit
768dca62
authored
Aug 09, 2021
by
Chen Jiping
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
feat:增加撒花;调整样式
parent
6583f055
Changes
3
Show whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
31 additions
and
4 deletions
+31
-4
petal.png
lib/images/petal.png
+0
-0
index.css
play/index.css
+30
-4
index.html
play/index.html
+1
-0
No files found.
lib/images/petal.png
0 → 100644
View file @
768dca62
5.77 KB
play/index.css
View file @
768dca62
...
@@ -432,6 +432,14 @@ body {
...
@@ -432,6 +432,14 @@ body {
top
:
-1.85rem
;
top
:
-1.85rem
;
left
:
-50%
;
left
:
-50%
;
transform
:
translate
(
0.4rem
);
transform
:
translate
(
0.4rem
);
animation
:
back-tips-ani
2s
infinite
;
}
@keyframes
back-tips-ani
{
0
%
{
opacity
:
0
;
}
50
%
{
opacity
:
1
;
}
100
%
{
opacity
:
0
;
}
}
}
...
@@ -729,11 +737,11 @@ body {
...
@@ -729,11 +737,11 @@ body {
.robot
{
.robot
{
position
:
absolute
;
position
:
absolute
;
width
:
2.
5
rem
;
width
:
2.
33
rem
;
height
:
3.
98
rem
;
height
:
3.
72
rem
;
background
:
url(../lib/images/robot.png)
no-repeat
;
background
:
url(../lib/images/robot.png)
no-repeat
;
background-position
:
0rem
0rem
;
background-position
:
0rem
0rem
;
background-size
:
7
5rem
3.98
rem
;
background-size
:
7
0rem
3.72
rem
;
z-index
:
400
;
z-index
:
400
;
bottom
:
0.2rem
;
bottom
:
0.2rem
;
left
:
0.2rem
;
left
:
0.2rem
;
...
@@ -742,5 +750,23 @@ body {
...
@@ -742,5 +750,23 @@ body {
@keyframes
robot
{
@keyframes
robot
{
0
%
{
background-position-x
:
0rem
;
background-position-y
:
0rem
;}
0
%
{
background-position-x
:
0rem
;
background-position-y
:
0rem
;}
100
%
{
background-position-x
:
-75rem
;
background-position-y
:
0rem
;}
100
%
{
background-position-x
:
-70rem
;
background-position-y
:
0rem
;}
}
.celebrate
{
position
:
absolute
;
width
:
3.54rem
;
height
:
2.06rem
;
background
:
url(../lib/images/petal.png)
no-repeat
;
background-position
:
0rem
0rem
;
background-size
:
63.68rem
2.06rem
;
z-index
:
400
;
bottom
:
0rem
;
left
:
-0.65rem
;
animation
:
celebrate
1s
steps
(
18
);
}
@keyframes
celebrate
{
0
%
{
background-position-x
:
0rem
;
background-position-y
:
0rem
;}
100
%
{
background-position-x
:
-63.68rem
;
background-position-y
:
0rem
;}
}
}
\ No newline at end of file
play/index.html
View file @
768dca62
...
@@ -134,6 +134,7 @@
...
@@ -134,6 +134,7 @@
<div
class=
"medal"
>
<div
class=
"medal"
>
<img
id=
"medal"
src=
"../lib/images/excellent.png"
style=
"width: 100%;"
>
<img
id=
"medal"
src=
"../lib/images/excellent.png"
style=
"width: 100%;"
>
<div
id=
"score"
class=
"val"
></div>
<div
id=
"score"
class=
"val"
></div>
<div
class=
'celebrate'
></div>
</div>
</div>
<span
class=
"tips"
>
Great!
</span>
<span
class=
"tips"
>
Great!
</span>
<div
class=
'sub-score'
>
<div
class=
'sub-score'
>
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment