Skip to content

⚡ Cool image hover effect with real time reflection change and tilting effect.

Notifications You must be signed in to change notification settings

mohdalibn/hover-tilt-reflection-effect

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

22 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

hover-tilt-reflection-effect

HoverTiltReflectionImg

project-description (6)

This is an Interractive Front-End Project where the user can hover over the mock image to produce a Real-time tilt effect on it as well as its reflection. This cool Interractive Tilt Animation is achieved with the help of a JavaScript Plugin known as Tilt Js. The project was designed and styled using Html and Css. The Image used on the phone mockup is from my personal website's responsive mobile view mockup.

technologies-used (5)

HTML5 CSS3 JavaScript Figma

how-to-use-project

  • Click on the green Code at the top of this page and download the repository zip file.
  • Extract the contents of the zip onto a folder accesable to you on your local machine.
  • Open the folder, and click on the reflection.html file to run the project. (Google Chrome Recommended)
  • Enjoy using the project!

About

⚡ Cool image hover effect with real time reflection change and tilting effect.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published