Skip to content

Esh07/Nike-shoes-web-animation

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Web Animation Learning Journey

This repository is a collection of my learning and experimentation with web animation techniques using CSS transitions and transformations. I am still on a learning curve, and this project serves as a snapshot of my current understanding of web animation. This repository will continue to be updated as I learn and explore more about web animation.

Technology

  • HTML
  • CSS

What I learned

  • CSS transitions for hover effects
  • CSS transformations for moving and rotating elements
  • CSS layout and positioning properties
  • CSS specificity for correct style application : pseudo-classes, pseudo-elements, IDs and class selectors etc. with the specificity in mind.

Preview

a shoes animation where on hover it reveals sizes, colors and button

A preview