Link to article: Can You Feel The Sun?.
@keyframes snowOne{
0%
{
background-position: 100px 750px;
opacity: 0;
}
10%
{
opacity: 0.6;
}
90%
{
opacity: 0.5;
}
100%
{
background-position: 0px 0px;
opacity:0;
}
}
@keyframes snowTwo{
0%
{
background-position: -50px 700px;
opacity: 0;
}
8%
{
opacity: 0.74;
}
90%
{
opacity: 0.65;
}
100%
{
background-position: 0px -100px;
opacity: 0;
}
}
@keyframes snowThree{
0%
{
background-position: 240px 750px;
opacity: 0;
}
13%
{
opacity: 0.9;
}
91%
{
opacity: 0.8;
}
100%
{
background-position: 0px 100px;
opacity: 0;
}
}
#u-eldritch-div-1, #u-eldritch-div-2, #u-eldritch-div-3 {
-webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 50%, rgba(0,0,0,0));
mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 50%, rgba(0,0,0,0));
height: 24rem;
width: 100%;
position: absolute;
background-repeat: repeat;
z-index: 10;
pointer-events: none;
}
#u-eldritch-div-1 {
background-image: url('https://scp-wiki.wdfiles.com/local--files/theme%3Axmas/sn2.png');
background-size: 230px;
animation: snowOne 400s infinite linear;
filter: blur(1.3px);
}
#u-eldritch-div-2 {
background-image: url('https://scp-wiki.wdfiles.com/local--files/theme%3Axmas/sn.png');
background-size: 370px;
animation: snowTwo 350s infinite linear;
filter: blur(0.4px);
}
#u-eldritch-div-3 {
background-image: url('https://scp-wiki.wdfiles.com/local--files/theme%3Axmas/sn.png');
background-size: 400px;
animation: snowThree 200s infinite linear;
filter: blur(2.4px);
}
@media (max-width: 767px) {
#u-eldritch-div-1, #u-eldritch-div-2, #u-eldritch-div-3 {
height: 10.5rem;
}
}
@supports not ((-webkit-background-clip: text) and (-webkit-text-fill-color: transparent)) {
.dado1 {color: #FF7F7F; font-weight: bold;}
.dado2 {color: #FFB27F; font-weight: bold;}
.dado3 {color: #e6e600; font-weight: bold;}
.dado4 {color: #A5FF7F; font-weight: bold;}
.dado5 {color: #7FC9FF; font-weight: bold;}
.dado6 {color: #D67FFF; font-weight: bold;}
}
@supports ((-webkit-background-clip: text) and (-webkit-text-fill-color: transparent)) {
.dado {
background: linear-gradient(to right, yellow, white, red);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: bold;
}
}
color:yellow; font-weight:700;
color:yellow; font-weight:700;
color:red; font-weight:700;
color:red; font-weight:700;
color:yellow; font-weight:700;
color:yellow; font-weight:700;
color:red; font-weight:700;
color:red; font-weight:700;
color:red; font-weight:700;
color:yellow; font-weight:700;
color:red; font-weight:700;
color:red; font-weight:700;
background-color:black;
color:red; font-weight:700;
color:yellow;font-weight:700;
background-color:black;
color:red; font-weight:700;
color:yellow; font-weight:700;
background-color:black;
:scp-wiki:theme:black-highlighter-theme
[info]
:scp-wiki:theme:extra-black-highlighter-theme
[info]
:scp-wiki:component:author-label-source
[info]
:scp-wiki:component:author-label-source
[info]
:scp-wiki:component:info-cw
[info]
:scp-wiki:component:license-box
[info]
:scp-wiki:component:license-box-end
[info]
dado
dado1
dado
dado1
dado
dado1
dado
dado1
dado
dado1
dado
dado1
dado
dado1
dado
dado1
dado
dado1
dado
dado2
dado
dado3
dado
dado1
dado
dado2
dado
dado3
dado
dado4
dado
dado5
dado
dado6