• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

virusword.com-Wordpress

Learn Wordpress

  • Home
  • WordPress Shop
    • Fotopress
    • SEO Tool Kit
    • Social Contact
    • Tag Machine 2
    • Video Profits
  • Latest News
  • WordPress
    • Plugins
    • Themes
    • Tutorials
    • Videos
    • Woocommerce
  • About Us
  • Contact Us
    • Terms of Service
    • Privacy Policy
  • Show Search
Hide Search
Home/Themes/New Builder Styling Feature: CSS Transform • Themify

New Builder Styling Feature: CSS Transform • Themify

03
Jun
2021

Development /

Themify Builder Transform Styling

We are excited to anncounce a new styling feature in the Themify Builder – Transform styling. The transform styling lets you rotate, scale, skew, or translate an element. The new styling feature gives you more control and possibilities for layout design. Now you can manipulate the appearance of any row, column, or module without having to use a graphic software or write any custom CSS code. You can move elements around, stretch them, flip them upside down, or spin them however you want it. With the easy to use Builder styling interface, applying transform styling is fun and quick. Go have fun and be creative with the new Builder transform styling feature!

Scale

In the old days, you would scale the font size and padding to make things smaller or larger. Now you can use the scale styling to reduce or enlarge the size of a module. The scale values can be applied horizontally, vertically, or both.

Transform: Scale

Translate

With the translate transformation, you can move the element horizontally and/or vertically. It is great for shifting an element without having to use margin or padding.

Transform: Translate

Rotate

The rotate transformation allows you to rotate an element in the X-axis, Y-axis, and/or Z-axis. To make an element rotate to 90 degree, simply enter 90 in the Z-axis.

Transform: Rotate

Skew

To make an element appear in a slant, you would use the skew styling. Again, you can enter skew values in horizontal and/or vertical direction.

Transform: Skew

Hover

Best of all, the transform styling is also available for the hover state. If you want to make a module pop up on hover, try to add the scale and translate values on the hover state.

Hover Transform Styling

Source link

Written by:
Abdul Wahid
Published on:
June 4, 2021

Categories: Themes

Primary Sidebar

Wordpress

  • Latest News (308)
  • Plugins (350)
  • Themes (360)
  • Tutorials (451)
  • Videos (917)
  • Woocommerce (457)

Recent Articles

porto theme customize bangla tutorial | step by step woocommerce tutorial | ecommerce website part-1

Porto is simply a better choice for your new …

Continue Reading about porto theme customize bangla tutorial | step by step woocommerce tutorial | ecommerce website part-1

Toddler killed in side-by-side accident in WBR

WEST BATON ROUGE —- An accident overnight killed …

Continue Reading about Toddler killed in side-by-side accident in WBR

Search our site

Explore more

Get our Wordpress Guide Get Plugins Get Connected

Footer

VirusWord by Promaps, Inc.

Barnes Place
Colombo 7, Western 00700

Copyright © 2023 · Promaps, Inc.

Keep In Touch

  • Email
  • Facebook
  • Instagram
  • Pinterest
  • Twitter