58 lines
No EOL
865 B
CSS
58 lines
No EOL
865 B
CSS
div.yuki {
|
|
display: inline-block;
|
|
}
|
|
|
|
div.yuki > img {
|
|
width: 100px;
|
|
animation: linear huerot-filter 5s infinite;
|
|
}
|
|
|
|
div.yuki > img:nth-child(1) {
|
|
opacity: 100%;
|
|
position: relative;
|
|
z-index: 4;
|
|
}
|
|
|
|
div.yuki > img:nth-child(2) {
|
|
opacity: 50%;
|
|
margin-left: -80px;
|
|
animation-delay: 1s;
|
|
position: relative;
|
|
z-index: 3;
|
|
}
|
|
|
|
div.yuki > img:nth-child(3) {
|
|
opacity: 25%;
|
|
margin-left: -80px;
|
|
animation-delay: 2s;
|
|
position: relative;
|
|
z-index: 2;
|
|
}
|
|
|
|
div.yuki > img:nth-child(4) {
|
|
opacity: 12.5%;
|
|
margin-left: -80px;
|
|
animation-delay: 3s;
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
|
|
section#identity {
|
|
display: flex;
|
|
}
|
|
|
|
main section#socials {
|
|
line-height: 200%;
|
|
}
|
|
|
|
section#socials a,
|
|
section#socials a:visited {
|
|
color: red;
|
|
text-decoration: none;
|
|
animation: linear huerot-text 5s infinite;
|
|
font-size: 16px;
|
|
}
|
|
|
|
section#socials a:hover::after {
|
|
content: ' <';
|
|
} |