Oxygen 6.0 Final & Upcoming Pricing Changes

Oxygen 6.0 Final & Upcoming Pricing Changes

Learn More

Published on March 4, 2019

Tutorial: Rotation Effect Using the New CSS Transforms Feature in Oxygen 2.2

New in Oxygen 2.2, the CSS transforms feature gives many possibilities for spicing up your designs.

In this tutorial, you’ll learn how to apply a cool rotation effect to a grid of images and mix it with an overlap to add more visual interest.

In Oxygen, you can visually apply CSS transforms to any element from Advanced > Effects > Transforms.

Transforms can also be layered so multiple transforms can be applied to the same element, or placed in an element state such as :hover to create a transform effect but only on hover. Available CSS transforms in Oxygen are skew, translate, rotate, rotateX, rotateY, perspective, rotate3d, and scale.

 

Oxygen Builder
Updated on: January 30, 2025

Pixel-perfect design meets WordPress!

Oxygen is the best way to visually design WordPress websites.
If you can build it with WordPress, you can design it with Oxygen.
  • Lifetime Access
  • Oxygen Classic + New Oxygen
  • All Premium Add-Ons
  • 60-Day Money Back Guarantee
Start Designing

You'll build incredible websites with Oxygen

Get started with Oxygen today and unlock incredible value.

Get Oxygen

30-day money back gurantee

Try Oxygen risk-free. If you’re not satisfied, get a full refund within 30 days.

Unlimited site license

Use Oxygen on as many personal or client projects as you want — no limits.

Fast, world-class support

Our experienced team is eager to assist you with technical questions.

Use on client websites

Build and deliver professional-grade websites for your clients with no extra fees.