add: Fonts Awesome字体
美化滚动条
This commit is contained in:
parent
50306e2943
commit
a7286c86e3
|
@ -46,7 +46,7 @@
|
||||||
</FluentLabel>
|
</FluentLabel>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<div style="width: 50px"></div>
|
<div style="width: 20px"></div>
|
||||||
</FluentStack>
|
</FluentStack>
|
||||||
</FluentHeader>
|
</FluentHeader>
|
||||||
<FluentBodyContent Style="height: 100%">
|
<FluentBodyContent Style="height: 100%">
|
||||||
|
|
|
@ -16,6 +16,8 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div style="height: 2rem"></div>
|
||||||
|
|
||||||
<div style="margin: 0 15% 0 15%">
|
<div style="margin: 0 15% 0 15%">
|
||||||
<FluentCard>
|
<FluentCard>
|
||||||
<div>
|
<div>
|
||||||
|
|
|
@ -21,13 +21,11 @@
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.scroll-down-tag::before {
|
|
||||||
content: "V";
|
|
||||||
}
|
|
||||||
|
|
||||||
.scroll-down-tag {
|
.scroll-down-tag {
|
||||||
font-family: "Font Awesome 6 Free", sans-serif;
|
font-family: "Font Awesome 6 Free", sans-serif;
|
||||||
font-size: 36px;
|
font-size: 36px;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 900;
|
||||||
color: white;
|
color: white;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
@ -36,6 +34,10 @@
|
||||||
animation: scroll-down-animation 1.5s infinite;
|
animation: scroll-down-animation 1.5s infinite;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.scroll-down-tag::before {
|
||||||
|
content: "\f107";
|
||||||
|
}
|
||||||
|
|
||||||
@keyframes scroll-down-animation {
|
@keyframes scroll-down-animation {
|
||||||
0% {
|
0% {
|
||||||
top: 0;
|
top: 0;
|
||||||
|
|
2
YaeBlog.Theme.FluentUI/wwwroot/fonts/.gitattributes
vendored
Normal file
2
YaeBlog.Theme.FluentUI/wwwroot/fonts/.gitattributes
vendored
Normal file
|
@ -0,0 +1,2 @@
|
||||||
|
*.ttf filter=lfs diff=lfs merge=lfs -text
|
||||||
|
*.woff2 filter=lfs diff=lfs merge=lfs -text
|
BIN
YaeBlog.Theme.FluentUI/wwwroot/fonts/fa-regular-400.ttf
(Stored with Git LFS)
Normal file
BIN
YaeBlog.Theme.FluentUI/wwwroot/fonts/fa-regular-400.ttf
(Stored with Git LFS)
Normal file
Binary file not shown.
BIN
YaeBlog.Theme.FluentUI/wwwroot/fonts/fa-regular-400.woff2
(Stored with Git LFS)
Normal file
BIN
YaeBlog.Theme.FluentUI/wwwroot/fonts/fa-regular-400.woff2
(Stored with Git LFS)
Normal file
Binary file not shown.
BIN
YaeBlog.Theme.FluentUI/wwwroot/fonts/fa-solid-900.ttf
(Stored with Git LFS)
Normal file
BIN
YaeBlog.Theme.FluentUI/wwwroot/fonts/fa-solid-900.ttf
(Stored with Git LFS)
Normal file
Binary file not shown.
BIN
YaeBlog.Theme.FluentUI/wwwroot/fonts/fa-solid-900.woff2
(Stored with Git LFS)
Normal file
BIN
YaeBlog.Theme.FluentUI/wwwroot/fonts/fa-solid-900.woff2
(Stored with Git LFS)
Normal file
Binary file not shown.
|
@ -5,3 +5,37 @@ body a {
|
||||||
html, body {
|
html, body {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
*::-webkit-scrollbar {
|
||||||
|
width: 8px;
|
||||||
|
height: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
*::-webkit-scrollbar-thumb {
|
||||||
|
background-color: #80c8f8;
|
||||||
|
}
|
||||||
|
|
||||||
|
*::-webkit-scrollbar-track {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
* {
|
||||||
|
scrollbar-width: thin;
|
||||||
|
scrollbar-color: #80c8f8 transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "Font Awesome 6 Free";
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
font-display: block;
|
||||||
|
src: url(fonts/fa-regular-400.woff2) format("woff2"),url(fonts/fa-regular-400.ttf) format("truetype")
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "Font Awesome 6 Free";
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 900;
|
||||||
|
font-display: block;
|
||||||
|
src: url(fonts/fa-solid-900.woff2) format("woff2"),url(fonts/fa-solid-900.ttf) format("truetype")
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in New Issue
Block a user