Project-007 : Animation Example(Text-Buton-Foto)

Click Me!

Description

The project aims to create an animated page using CSS animation, transform, transition JS DOM Manipulation.

Project Skeleton

Animation Example(Text-Buton-Foto) (folder)
|
|----assets
|----index.html
|----basketball.html
|----readme.md

The following topics were addressed in the project;

• HTML
  • audio tag
• Css
  • Animation
  • @keyframes
  • Transform Property
  • Transition property
  • The Display Property
  • CSS Flex
  • Units in CSS
  • CSS Setting height and width
  • CSS Combinators
• JS
  • DOM
  • window.addEventListener()
  • click() event
  • query selectors
  • play()

At the end of the project, developers will be able to;

• improve coding skills within HTML & CSS, Animation and JS DOM

• use git commands (push, pull, commit, add etc.) and Github as Version Control System.

Notes

• You can use HTML, CSS and Javascrip to complete this project.

⌛ Happy Coding ✍