💯Part 1 : Animated Icon with CSS

Project template ➡ https://github.com/ewuweblab/animate-icon-css

Challenge 1: Content

• Pick an single icon from https://lucide.dev/

• Use SVG elements

• Using your chosen Lucide icon, update the files in the faviconsfolder

  • Use provided Favicons Template on Figma

# Challenge 2: Design

• Use CSS transform

• Use CSS transition

• Use CSS keyframe animation

• README.md file edited with your-own-content e.g. citations, notes, links, or any relevant information

Challenge 3: Code

• Use Animate.css CSS library ➡https://animate.style/

• Pick one-ore-more interaction-events

  • on page load aka "refesh"

  • on hover i.e. :hover

  • on click and hold i.e. :active

• README.md file edited with your-own-content e.g. citations, notes, links, or any relevant information

Challenge 4: Process

Project template ➡ https://github.com/ewuweblab/animate-icon-css

• Customize provided project template

  • Project template ➡ https://github.com/ewuweblab/animate-icon-css

• Version Control is used with multiple commits, over multiple days

• Project is stored on GitHub

• Project is deployed via Netlify

  • Add a deployment link to your repo

• Add deployment URL to About section -> Website field

• README.md file edited with your-own-content e.g. citations, notes, links, or any relevant information

Challenge 5: Deployment

• Provide URL to your project repo stored on GitHub

  • Example: https://github.com/YourUserName/RepoName

• Provide URL to your project website deployed via Netflify

  • Example: https://YourAppName.netlify.com