xtaodada/Homepage
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

update intro visual effect

Browse Source
This commit is contained in:
amphineko 2020-03-21 20:01:16 +08:00
parent f599a52e27
commit 1ba51b91dd
No known key found for this signature in database
GPG Key ID: 4582E6587852EF42
3 changed files with 15 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/index.html
View File

@ -209,14 +209,14 @@
</figure>
<div class="label-group">
<span class="header alt">fps</span>
<span class="header alt"><i aria-hidden="true" class="fas fa-tag"></i>fps</span>
<span class="label">Counter-Strike Global Offensive</span>
<span class="label">Rainbow Six Siege</span>
</div>
<div class="label-group">
<span class="header alt">simulation</span>
<span class="header alt"><i aria-hidden="true" class="fas fa-tag"></i>simulation</span>
<span class="label">
Cities: Skylines
@ -236,7 +236,7 @@
</div>
<div class="label-group">
<span class="header alt">rhythm</span>
<span class="header alt"><i aria-hidden="true" class="fas fa-tag"></i>rhythm</span>
<span class="label">
BEMANI (iidx, jubeat, sdvx, etc.)

2
src/stylesheets/identities.css
View File

@ -10,7 +10,7 @@ figure.identities:last-child {
figure.identities figcaption {
color: #777;
line-height: 1.5em;
padding: 0 1em;
padding: 0 2.25em;
}
figure.identities ul {

19
src/stylesheets/intro.css
View File

@ -32,22 +32,25 @@
padding: 0.5em 0.5em;
}
.intro figure.identities + .label-group {
.intro .label-group {
border-left: 0.25em solid #006080;
margin-top: 2em;
width: 100%;
}
.intro .label-group .header.alt {
color: #777;
margin-left: 1.5em;
margin-left: 1em;
}
.intro .label-group .header.alt .fa-tag {
transform: rotate(-15deg);
margin-right: 0.5em;
}
.intro .label-group .label {
background: transparent;
box-shadow: 0 0 0.1em rgba(0, 0, 0, 0.25);
box-shadow: inset 0 -.25em .25em -.25em rgba(1, 105, 124, 0.5);
margin: 0 0.25em;
transition-duration: .5s;
}
.intro .label-group .label:hover {
background-color: rgba(0, 0, 0, .015);
box-shadow: 0.1em 0.1em 0.25em #01697c1a, -0.1em -0.1em 0.25em #01697c26;
}