40 lines
916 B
CSS
40 lines
916 B
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;
|
|
}
|