aelweak / nyanpig

Nyan Pig + skins/features 🌈🐷 (Le Repaire du Web - Challenge - CSS Loader Animation)

Nyan Pig - Loading animation

Challenge details

• Brief : Create a loading animation
• Start : Aug 1 (9.13 am), 2022
• End : Aug 14 (11.59 pm), 2022
• Results : 🥇1st place (out of 13)

_{(More details on Discord)}

Description/Features

Nyanyanyanyanyanyanya ! 🌈 🐷

I really had fun on this challenge and hope it will make you smile.
Especially with those "little features" :

• Skin choices
  Feel free to add/code your own rainbow and pig skins... Just look for $skins, $rainbow (style.scss), add/name your own object(s) in it, then add new skin(s) "button" (index.html, see commented template)
• Enable/Disable the pig entrance with "Enter/Exit" button
• Set the speed ($flying-speed) or movement distance/height ($flying-height-distance)
• And... Completely useless, therefore essential : click on the pig ! (❤️)

Preview(s)