timi/gaoYuJournal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add raindrop background

Browse Source
This commit is contained in:
Timi
2025-12-05 18:21:09 +08:00
parent 99ad931059
commit 199d1ed6ef
7 changed files with 125 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
miniprogram/components/background/snowflake/index.less
View File

@ -1,14 +1,4 @@
/* components/background/snow/index.wxss */
@keyframes fall {
from {
transform: translateY(-10px) rotate(0);
}
to {
transform: translateY(100vh) rotate(1800deg);
}
}
page {
width: 100%;
height: 100%;
@ -22,12 +12,22 @@ page {
overflow: hidden;
position: absolute;
@keyframes snowflakeFall {
from {
transform: translateY(-10px) rotate(0);
}
to {
transform: translateY(100vh) rotate(1800deg);
}
}
.snowflake {
width: 10px;
height: 10px;
display: block;
position: absolute;
animation: fall linear infinite;
animation: snowflakeFall linear infinite;
&::before,
&::after {