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;
|
||
|
|
}
|
||
|
|
}
|