Difference between revisions of "Hahaha Okin Salad Toss"
Jump to navigation
Jump to search
| Line 1: | Line 1: | ||
[[File:Hostkin.png|thumb|oh.. hi... please eat healthy.]] | [[File:Hostkin.png|thumb|oh.. hi... please eat healthy.]] | ||
Just...so...NUTRITIOUS!! | Just...so...NUTRITIOUS!! | ||
| + | {{#css: | ||
| + | .yturn { | ||
| + | animation: yturn 5s ease-in-out infinite; | ||
| + | } | ||
| + | .xturn { | ||
| + | animation: xturn 11s ease-in-out infinite; | ||
| + | } | ||
| + | .zturn { | ||
| + | animation: zturn 13s linear infinite; | ||
| + | } | ||
| + | |||
| + | @keyframes yturn { | ||
| + | 0% { transform: scaleX(1); } | ||
| + | 50% { transform: scaleX(-1); } | ||
| + | 100% { transform: scaleX(1); } | ||
| + | } | ||
| + | @keyframes xturn { | ||
| + | 0% { transform: scaleY(1); } | ||
| + | 50% { transform: scaleY(-1); } | ||
| + | 100% { transform: scaleY(1); } | ||
| + | } | ||
| + | @keyframes zturn { | ||
| + | 0% { transform: rotate(0deg); } | ||
| + | 25% { transform: rotate(-90deg); } | ||
| + | 50% { transform: rotate(-180deg); } | ||
| + | 75% { transform: rotate(-270deg); } | ||
| + | 100% { transform: rotate(-359deg); } | ||
| + | } | ||
| + | }} | ||
{{#css: | {{#css: | ||
| Line 35: | Line 64: | ||
/* most of the css was taken from https://3dtransforms.desandro.com/cube */ | /* most of the css was taken from https://3dtransforms.desandro.com/cube */ | ||
}} | }} | ||
| + | <div class="zturn"><div class="xturn"><div class="yturn"> | ||
| + | |||
<div class="scene"> | <div class="scene"> | ||
<div class="cube"> | <div class="cube"> | ||
| Line 44: | Line 75: | ||
<div class="cube-face face-bottom"></div> | <div class="cube-face face-bottom"></div> | ||
</div> | </div> | ||
| + | </div></div></div> | ||
| + | |||
[[File:Salaaaaddd.gif|frameless]][[File:Salaaaaddd.gif|frameless]][[File:Salaaaaddd.gif|frameless]][[File:Salaaaaddd.gif|frameless]] | [[File:Salaaaaddd.gif|frameless]][[File:Salaaaaddd.gif|frameless]][[File:Salaaaaddd.gif|frameless]][[File:Salaaaaddd.gif|frameless]] | ||
[[Category:Seals]] | [[Category:Seals]] | ||
[[Category:Food]] | [[Category:Food]] | ||
