feat:美化主题
This commit is contained in:
39
docs/.vitepress/theme/style/var.css
Normal file
39
docs/.vitepress/theme/style/var.css
Normal file
@@ -0,0 +1,39 @@
|
||||
/* 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;
|
||||
}
|
||||
Reference in New Issue
Block a user