Files
blog-press/docs/.vitepress/theme/style/var.css
2025-11-29 21:49:12 +08:00

52 lines
1.1 KiB
CSS

/* VPFeatures 页卡悬浮效果 */
.VPFeatures .items .item {
transition: transform 0.3s;
}
.VPFeatures .items .item:hover {
transform: translateY(-5px);
}
.VPDoc h1 {
background: -webkit-linear-gradient(10deg, #3DC8F0 5%, #8036FA 15%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
:root {
--vp-home-hero-name-color: transparent;
--vp-home-hero-name-background: -webkit-linear-gradient(120deg,#bd34fe 30%,#41d1ff);
--vp-home-hero-image-background-image: linear-gradient(-45deg,#bd34fe 50%,#47caff 50%);
--vp-home-hero-image-filter: blur(44px)
}
@media (min-width: 640px) {
:root {
--vp-home-hero-image-filter:blur(56px)
}
}
@media (min-width: 960px) {
:root {
--vp-home-hero-image-filter:blur(68px)
}
}
.VPHero .VPImage {
filter: drop-shadow(-2px 4px 6px #0003);
padding: 18px;
}
.medium-zoom-overlay {
background-color: var(--vp-c-bg) !important;
z-index: 100;
}
.medium-zoom-overlay ~ img {
z-index: 101;
}
.medium-zoom--opened .medium-zoom-overlay {
opacity: 0.9 !important;
}