xiaoyu/topfans
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

添加3d旋转的动画效果

Browse Source
This commit is contained in:
zheng020 2026-05-21 14:18:01 +08:00
parent df52de8c16
commit 9caa293f3d
2 changed files with 1185 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1184
backend/docs/藏品升级系统设计方案.md Normal file
View File

File diff suppressed because it is too large Load Diff

17
frontend/pages/asset-detail/asset-detail.vue
View File

@ -968,21 +968,6 @@ onUnmounted(() => {
transform-origin: center center; 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 { @keyframes card-3d-flip {
0% { 0% {
transform: rotateY(0deg); transform: rotateY(0deg);
@ -1013,7 +998,7 @@ onUnmounted(() => {
width: 78%; width: 78%;
height: 96%; height: 96%;
border-radius: 64rpx; border-radius: 64rpx;
transform: translate(-50%, -50%) ; transform: translate(-50%, -50%) rotate(-10deg);
z-index: 2; z-index: 2;
overflow: hidden; overflow: hidden;
} }