1
0
mirror of https://github.com/bigchaindb/site.git synced 2024-11-25 11:08:29 +01:00
site/_src/_assets/styles/bigchain/_nyan.scss

35 lines
619 B
SCSS
Raw Normal View History

2017-06-27 23:11:10 +02:00
.nyan {
2017-06-28 00:45:26 +02:00
position: relative;
2017-06-27 23:11:10 +02:00
&:before {
content: '';
position: absolute;
2017-06-28 00:45:26 +02:00
left: 0;
2017-06-27 23:11:10 +02:00
right: 0;
2017-06-28 00:45:26 +02:00
top: 0;
bottom: 0;
2017-06-29 21:06:01 +02:00
background: url('../img/nyan.gif') no-repeat left center;
2017-06-28 00:45:26 +02:00
background-size: 50%;
z-index: 0;
opacity: 0;
2017-06-29 21:06:01 +02:00
animation: nyan-appear .6s ease-out forwards;
2017-06-27 23:11:10 +02:00
}
2017-06-28 00:45:26 +02:00
code {
position: relative;
z-index: 2;
2017-06-27 23:11:10 +02:00
}
}
2017-06-29 21:06:01 +02:00
@keyframes nyan-appear {
2017-06-28 00:45:26 +02:00
0% {
opacity: 0;
2017-06-29 21:06:01 +02:00
transform: translate3d(-5rem, 0, 0);
2017-06-28 00:45:26 +02:00
}
100% {
opacity: .4;
2017-06-29 21:06:01 +02:00
transform: translate3d(0, 0, 0);
2017-06-28 00:45:26 +02:00
}
2017-06-27 23:11:10 +02:00
}