sox
فلسطين حرة
[class=bkgd]
position: relative;
overflow: hidden;
margin-right: auto;
margin-left: auto;
width: 10em;
height: 10em;
[/class]
[class=ghost]
position: relative;
overflow: visible;
margin-right: auto;
margin-left: auto;
width: 6em;
height: 8em;
background: url(https://imgur.com/dSTG19Q.png);
background-size: 100%;
animation: {post_id}hover 5s linear infinite;
[/class]
[class=shaker]
animation: {post_id}shake 10s linear infinite;
[/class]
[class=shadow]
position: relative;
overflow: visible;
margin-right: auto;
margin-left: auto;
width: 2em;
height: .3em;
top: 9em;
background: #000;
border-radius: 100%;
animation: {post_id}resize 5s linear infinite;
[/class]
[class=text]
position: relative;
overflow: auto;
margin-right: auto;
margin-left: auto;
width: 108%;
height: 30em;
text-align: center;
font-size: 10px;
[/class]
[class=credit]
position: relative;
overflow: hidden;
width: 100%;
height: 10px;
text-align: center;
font-style: normal;
font-weight: normal;
font-size: 8px;
color: #707070;
opacity: 0.3;
[/class]
[animation=hover]
[keyframe=0]transform: translateY(0.5em);[/keyframe]
[keyframe=50]transform: translateY(-0.5em);[/keyframe]
[keyframe=100]transform: translateY(0.5em);[/keyframe]
[/animation]
[animation=resize]
[keyframe=0]transform: scale(1.1);[/keyframe]
[keyframe=50]transform: scale(0.9);[/keyframe]
[keyframe=100]transform: scale(1.1);[/keyframe]
[/animation]
[animation=shake]
[keyframe=0]transform: translate(1px, 1px) rotate(2deg);[/keyframe]
[keyframe=10]transform: translate(-1px, -2px) rotate(-2deg);[/keyframe]
[keyframe=20]transform: translate(1px, 1px) rotate(2deg);[/keyframe]
[keyframe=30]transform: translate(-1px, -2px) rotate(-2deg);[/keyframe]
[keyframe=40]transform: translate(1px, 1px) rotate(2deg);[/keyframe]
[keyframe=50]transform: translate(-1px, -2px) rotate(-2deg);[/keyframe]
[keyframe=60]transform: translate(1px, 1px) rotate(2deg);[/keyframe]
[keyframe=70]transform: translate(-1px, -2px) rotate(-2deg);[/keyframe]
[keyframe=80]transform: translate(1px, 1px) rotate(2deg);[/keyframe]
[keyframe=90]transform: translate(-1px, -2px) rotate(-2deg);[/keyframe]
[keyframe=100]transform: translate(1px, 1px) rotate(2deg);[/keyframe]
[/animation]
[div class=bkgd][div class=shadow][/div][div class=shaker][div class=ghost][/div][/div][/div]
[div class=bkgd][div class=shadow][/div][div class=shaker][div class=ghost][/div][/div][/div]
[ OUT OF CHARACTER ]
[div class=credit]code by
sox
[/div]
Last edited: