添加3d旋转的动画效果
This commit is contained in:
parent
a37c672a1d
commit
955c5f45c3
1184
backend/docs/藏品升级系统设计方案.md
Normal file
1184
backend/docs/藏品升级系统设计方案.md
Normal file
File diff suppressed because it is too large
Load Diff
@ -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;
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user