Skip to content

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

Notifications You must be signed in to change notification settings

Aelweak/nyanpig

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

1 Commit
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

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