mirror of
https://github.com/imsyy/home.git
synced 2024-11-16 11:42:18 +08:00
89 lines
1.1 KiB
CSS
89 lines
1.1 KiB
CSS
/*模糊渐入动画*/
|
|
@keyframes fade-in {
|
|
0% {
|
|
opacity: 0;
|
|
backdrop-filter: blur(0px);
|
|
}
|
|
|
|
100% {
|
|
opacity: 1;
|
|
backdrop-filter: blur(10px);
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes fade-in {
|
|
0% {
|
|
opacity: 0;
|
|
backdrop-filter: blur(0px);
|
|
}
|
|
|
|
100% {
|
|
opacity: 1;
|
|
backdrop-filter: blur(10px);
|
|
}
|
|
}
|
|
|
|
@-moz-keyframes fade-in {
|
|
0% {
|
|
opacity: 0;
|
|
backdrop-filter: blur(0px);
|
|
}
|
|
|
|
100% {
|
|
opacity: 1;
|
|
backdrop-filter: blur(10px);
|
|
}
|
|
}
|
|
|
|
@-o-keyframes fade-in {
|
|
0% {
|
|
opacity: 0;
|
|
backdrop-filter: blur(0px);
|
|
}
|
|
|
|
100% {
|
|
opacity: 1;
|
|
backdrop-filter: blur(10px);
|
|
}
|
|
}
|
|
|
|
/*渐入动画*/
|
|
@keyframes fade {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes fade {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@-moz-keyframes fade {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@-o-keyframes fade {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
} |