Skip to content

prince381/3d-perspective-with-css

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

8 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

3D Transformation using pure css and tilt.js

Hey there guys โœ‹, This is the source code of my CSS 3D animation effect project which was inspired by a very wonderful UI/UX designer @MengTo whom I recently discovered on twitter. The result of this project is displayed in the gif below or check it out here.

Libraries used in this project are tilt.js which depends heavily on jQuery.

Project description:

  • This is a responsive single page web application designed with the purpose of harnessing the power of CSS perspective property.
  • The four cards above with the 3d animation effect were designed with pure CSS.
  • The animation effect on the two cards at the bottom of the page were done with tilt.js that uses jQuery to give a tilting effect to elements.

I will like to give to a big shoutout to the source of my inspiration for this awesome project @MengTo whom I found and now follow on twitter. Have a nice day ๐Ÿ‘

About

3D transformation using pure css and tilt.js

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published