添加3d旋转的动画效果

This commit is contained in:
zheng020 2026-05-21 14:18:01 +08:00 committed by zerosaturation
parent a37c672a1d
commit 955c5f45c3
2 changed files with 1185 additions and 16 deletions

File diff suppressed because it is too large Load Diff

View File

@ -968,21 +968,6 @@ onUnmounted(() => {
transform-origin: center center;
}
.card-wrapper::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: conic-gradient(from 0deg at 50% 50%, transparent 0deg, rgba(255, 131, 153, 0.7) 30deg, transparent 60deg);
opacity: 0;
animation: card-glint 15s ease-in-out infinite;
pointer-events: none;
border-radius: 48rpx;
mix-blend-mode: overlay;
}
@keyframes card-3d-flip {
0% {
transform: rotateY(0deg);
@ -1013,7 +998,7 @@ onUnmounted(() => {
width: 78%;
height: 96%;
border-radius: 64rpx;
transform: translate(-50%, -50%) ;
transform: translate(-50%, -50%) rotate(-10deg);
z-index: 2;
overflow: hidden;
}