Shifting Cards

As you've already seen on my website I make extensive use of Shifting Cards.
I knew I wanted this effect but the closest effect I could find were these Shifting Cards from 30 seconds of Code  however I found this effect to be too weak for what I wanted and as such I began to modify the effect to take advantage of the CSS perspective property.

The star of the show, the perspective property allows our child to move into the 3rd dimension, giving this property a lower number will increase its strength so watch out, if you set it too low you may end up with a very trippy visual.

In my code, I made use of JQuery for the sake of convenience however as can be seen with 30 seconds of Code it can be done with pure JS.

As you have already seen the final effect is very bold without being too overpowering visually.