Updated discord box fading
This commit is contained in:
parent
a6bc41638e
commit
a29a9f9eb4
|
@ -58,9 +58,9 @@
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
|
|
||||||
<div class="grid-item">4</div>
|
<div class="box">4</div>
|
||||||
<div class="grid-item">5</div>
|
<div class="box">5</div>
|
||||||
<div class="grid-item">6</div>
|
<div class="box">6</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -145,7 +145,7 @@ body {
|
||||||
#discord-box {
|
#discord-box {
|
||||||
background-color: #5865F2;
|
background-color: #5865F2;
|
||||||
color: white;
|
color: white;
|
||||||
transition: filter 0.75s ease, background-color 0.75s ease;
|
transition: background-color 0.75s ease;
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -154,10 +154,10 @@ body {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
transition: filter 0.75s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
#discord_icon {
|
#discord_logo {
|
||||||
height: 75px;
|
height: 75px;
|
||||||
width: 75px;
|
width: 75px;
|
||||||
margin: 30px;
|
margin: 30px;
|
||||||
|
@ -172,3 +172,7 @@ body {
|
||||||
filter: invert(1);
|
filter: invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#discord-box:hover > #discord_div{
|
||||||
|
filter: invert(1);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue