How to Add 3D Rotations (Using Custom CSS)

Hey all!

In this post/video, I wanted to show you how to apply 3D rotations to your ClickFunnels elements using custom CSS!

In our last post, we have done some 2D transformations, including rotation, scaling, translations, and skewing around one central point. The 3D rotations rotate the entire element along all 3 dimensions Рthe x, y, and z axes.

All you have to do is input the same declaration as in our previous video into your custom CSS after you select your element in ClickFunnels: ‘transform:rotate(30deg)’, or however many degrees you want the element to be rotated by. The only difference is that now you will need to also add an axis you want your element to be rotate around – x, y, or z. So right after the word ‘rotate’, immediately after put in a letter X, Y, or Z, and your picture should rotate around that axis!

If you want your picture to rotate around several axes at the same time, you need to add the declarations all in one line, just like in the last video. So if I want my element to rotate 30 degrees around all the axes, I will input the following after selecting my element in custom CSS: ‘rotateX(30deg) rotateY(30deg) rotateZ(30deg)’ which should rotate it around every axis.

Stay tuned for the next videos, where we will see how these rotations unravel before your eyes so you can actually see as it rotates!

That’s it!

Please subscribe and stay tuned for future videos where go over the technical how-to’s and/or dig deeper into other affiliate marketing tools!

If you are interested in ClickFunnels, or want to learn more, feel free to check out their free 14-day trial under my affiliate link at:
http://tinyurl.com/14-day-free-clickfunnels

If you like GetResponse and want to learn more, try out their 30-day free trial under my affiliate link at:
http://www.getresponse.com/index/Ambition

If you are interested in ClickMagick, or want to learn more, feel free to check out their free 14-day trial under my affiliate link at:
http://www.bestlinktracker.com/ClickMagick/wp

Here is my Namecheap affiliate link as well if you want to buy one of their really cheap domains and/or private email:
https://www.namecheap.com/?aff=108439

Thanks for watching, and I’ll see you in the next post/video!

One Reply to “How to Add 3D Rotations (Using Custom CSS)”

  1. Pingback: How to Add Transitions (Using Custom CSS) – Affiliate Marketing Essentials

Leave a Reply