%PDF-
%PDF-
Mini Shell
Mini Shell
@keyframes rotate_pacman_half_up {
0% {
transform: rotate(270deg); }
50% {
transform: rotate(360deg); }
100% {
transform: rotate(270deg); } }
@keyframes rotate_pacman_half_down {
0% {
transform: rotate(90deg); }
50% {
transform: rotate(0deg); }
100% {
transform: rotate(90deg); } }
@keyframes pacman-balls {
75% {
opacity: 0.7; }
100% {
transform: translate(-100px, -6.25px); } }
.pacman {
position: relative; }
.pacman > div:nth-child(2) {
animation: pacman-balls 1s -0.99s infinite linear; }
.pacman > div:nth-child(3) {
animation: pacman-balls 1s -0.66s infinite linear; }
.pacman > div:nth-child(4) {
animation: pacman-balls 1s -0.33s infinite linear; }
.pacman > div:nth-child(5) {
animation: pacman-balls 1s 0s infinite linear; }
.pacman > div:first-of-type {
width: 0px;
height: 0px;
border-right: 25px solid transparent;
border-top: 25px solid #6B6F82;
border-left: 25px solid #6B6F82;
border-bottom: 25px solid #6B6F82;
border-radius: 25px;
animation: rotate_pacman_half_up 0.5s 0s infinite;
position: relative;
left: -30px; }
.pacman > div:nth-child(2) {
width: 0px;
height: 0px;
border-right: 25px solid transparent;
border-top: 25px solid #6B6F82;
border-left: 25px solid #6B6F82;
border-bottom: 25px solid #6B6F82;
border-radius: 25px;
animation: rotate_pacman_half_down 0.5s 0s infinite;
margin-top: -50px;
position: relative;
left: -30px; }
.pacman > div:nth-child(3),
.pacman > div:nth-child(4),
.pacman > div:nth-child(5),
.pacman > div:nth-child(6) {
background-color: #6B6F82;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
width: 10px;
height: 10px;
position: absolute;
transform: translate(0, -6.25px);
top: 25px;
left: 70px; }
Zerion Mini Shell 1.0