Aelweak / nyanpig

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

Home Page:https://aelweak.github.io/nyanpig/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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)

Preview Nyan Pig - Loading animation

About

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

https://aelweak.github.io/nyanpig/


Languages

Language:SCSS 46.4%Language:HTML 43.9%Language:JavaScript 9.8%