November 11th - Oxygen 3.1 is now available - see what's newlimited time special pricing available

Multi-Line Gradient Button

Video

3

of 19

in Design How-To's
Description
Comments (0)

In this tutorial, you'll learn to create a multi-line button with Oxygen.

This is a great tutorial to watch to get a deeper understanding of the general principles on how to build designs with Oxygen - especially if you are coming from other visual builders like Elementor, Divi, Beaver Builder, etc. that have more limited control of element states and no "div" element.

In this tutorial we'll use a Link Wrapper to make the multiple elements that make up the button's design all behave as a single link, and use the :hover state in conjunction with CSS transforms to make the button expand on hover - all without writing a single line of code.

Leave a Reply

Your email address will not be published. Required fields are marked *

Author
Louis Reingold
Louis Reingold

Follow along with this tutorial

Create Test Install

Get Oxygen Today

Lifetime, unlimited site license

Need more help?

Copyright © 2019 Soflyy
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram