Square/Archive/meijindou.css
< Square | Archive(重定向自Square/Attention/meijindou.css)
.meijindou {
overflow: hidden;
}
.meijindou .toEdge {
overflow: hidden;
position: relative;
}
.meijindou h2 {
position: absolute;
bottom: 0.25em;
left: 24px;
left: calc(18px + 0.005 * var(--content-width));
text-shadow: #000 0 0 0.75em, #000 0 0 1em;
color: #fff;
background: none;
border-bottom: solid 1px transparent;
}
.meijindou .wrapper {
transform: rotate(-10deg);
margin: -40px 0;
}
.meijindou .row {
white-space: nowrap;
display: table-row;
animation: translate linear 12s infinite;
}
.meijindou .row.fast {
animation-duration: 10s;
}
.meijindou .row.slow {
animation-duration: 15s;
}
.meijindou .row.backwards {
animation-name: translateBackforwards;
}
.meijindou .imageWrapper {
display: table-cell;
}
.meijindou img {
width: 72px;
height: 72px;
max-width: 72px;
max-height: 72px;
margin: 2px;
display: block;
}
@keyframes translate {
from {
transform: translateX(-15%);
}
to {
transform: translateX(-48.33333333%);
}
}
@keyframes translateBackforwards {
from {
transform: translateX(-48.33333333%);
}
to {
transform: translateX(-15%);
}
}