Get ready to create animated buttons using CSS! This project focuses on creating three unique animated buttons using CSS. With this challenge, you'll dive into the world of CSS animations, transitions, and interactivity.
By completing this project, you will learn to:
- Design engaging button animations with CSS.
- Master the use of CSS transitions and animations for interactive effects.
- Starter Code: Clone the starter code from GitHub for your project. The HTML structure is provided, and you'll focus on adding styles in the
style.cssfile.
- Starter code can be found here: https://github.com/CodeSpace-Academy/Module_5R_StudentNo_Classcode_Group_Name-Surname_SDF05R
-
Write your CSS Styles: Create your animations from scratch. Need a hint of inspiration? You're welcome to go through our curated buttons for inspiration: View Reference.
-
Prepare Your Repository:
- Save all chanes and update your GitHub repository with the final versions of all files.
- Include a
README.mdfile that outlines the project, your design choices, and any notes on challenges you faced or features you're particularly proud of. - Ensure your repository is set to public so it can be accessed by your code coach.
-
Submit on LMS:
- Submit the link to your GitHub repository on the LMS under the project tab.
Embark on this CSS journey to transform simple buttons into interactive, animated elements. Let your creativity shine and enjoy the process of bringing static elements to life!
- Submit the link to your GitHub repository on the LMS under the project tab.
Embark on this CSS journey to transform simple buttons into interactive, animated elements. Let your creativity shine and enjoy the process of bringing static elements to life!