Difference between revisions of "Twisted Toppings"
Jump to navigation
Jump to search
imported>Felix m |
imported>Felix m |
||
Line 328: | Line 328: | ||
} | } | ||
:target ~ #first-panel { | :target ~ #first-panel { | ||
− | left: | + | left: 100%; |
} | } | ||
#first:target ~ #first-panel, #second:target ~ #second-panel, #third:target ~ #third-panel { | #first:target ~ #first-panel, #second:target ~ #second-panel, #third:target ~ #third-panel { | ||
Line 374: | Line 374: | ||
#second-panel, #first:target ~ #second-panel, #second:target ~ #third-panel, #third:target ~ #first-panel { | #second-panel, #first:target ~ #second-panel, #second:target ~ #third-panel, #third:target ~ #first-panel { | ||
animation-delay: 20s; | animation-delay: 20s; | ||
− | left: | + | left: 100%; |
} | } | ||
#third-panel, #first:target ~ #third-panel, #second:target ~ #first-panel, #third:target ~ #second-panel { | #third-panel, #first:target ~ #third-panel, #second:target ~ #first-panel, #third:target ~ #second-panel { | ||
animation-delay: 40s; | animation-delay: 40s; | ||
− | left: | + | left: 100%; |
} | } | ||
#panels:hover .panel { | #panels:hover .panel { | ||
Line 384: | Line 384: | ||
} | } | ||
@keyframes moveIt { | @keyframes moveIt { | ||
− | 0% {left: | + | 0% {left: 100%;} |
3.3333333333333333% {left: 0px;} | 3.3333333333333333% {left: 0px;} | ||
33.333333333333333%{left: 0px;} | 33.333333333333333%{left: 0px;} | ||
− | 36.666666666666667% {left: 100%;} | + | 36.666666666666667% {left: -100%;} |
− | 100% {left: 100%;} | + | 100% {left: -100%;} |
} | } | ||
@keyframes whichOne { | @keyframes whichOne { |