triptych / 25-days-of-css-animations

Code from 25 Days of CSS Animations challenge on CodePen

25 Days of CSS Animations

Code from my 25 Days of CSS Animations challenge on CodePen.

✨ About

This year I spent 25 days practicing CSS with animations! This repo has the source code for each animation.

🤓 File Structure

Here's what you'll find when visiting each animation folder:

• src
  • Contains the original code as written on CodePen and Visual Studio Code.
• dist
  • Contains code that's been translated for browsers by CodePen. Because web browsers only understand HTML, CSS, and JavaScript, and not the alternatives used in this challenge, this allows my original code to be understood and displayed on the web \o/

📋 Relevant Links

• DEV post
• CodePen collection

🎨 Animations

• Day 1: Hello CSS
• Day 2: Pokeball, Go!
• Day 3: Egghead in Love
• Day 4: Eggstraterrestrial
• Day 5: Sun Blocked
• Day 6: Are You Gonna Eat That?
• Day 7/8: Enchanted Rose
• Day 9: Self Portrait
• Day 10/11: Coder
• Day 12: Tic Tac Toe
• Day 13/14: Super!
• Day 15/16: Under Kamek's Spell
• Day 17/18: Pokémon Friends
• Day 19-25: Pokémon Amie