Splash Media Group

Buttons

Assorted Custom Buttons

Generally, buttons tend to take the form of a square, sometimes with rounded corners, or “pill” shaped, with a text that describes, to visitors, what it does. Here you’ll find a large collection of buttons that escape that basic look.

CSS Buttons Where Corners Draw In

These buttons are animated purely with CSS. By adding the class “btn-corners-in” to the basic WordPress button blocks displayed below, these styles are activated.

CSS Buttons With Stretchy Arrow

Learn More Here

This button is animated using CSS. When using this button style, you have to adjust the position properties depending on the length of the button title. I can imagine that this button wouldn’t be best for buttons with long titles.

CSS Buttons from Calibre Industrial Group

This button style is animated using CSS and built using standard Kadence Advanced Button Block

CSS Buttons That Fill In – Left to Right

This button style is animated using CSS and built using standard WordPress Button blocks. This button style is easy and safe for almost any scenario. All you have to do is copy over the styles and apply the required CSS classes.

CSS Buttons That Fill – Bottom to Top

This button style is animated using CSS and built using standard WordPress Button blocks. This button style is easy and safe for almost any scenario. All you have to do is copy over the styles and apply the required CSS classes.

CSS Buttons That Form an “X” on Hover

This button is also animated using CSS and built using Custom HTML Blocks. When using this button style, you must ensure there is enough margin top and bottom to accommodate the rotation. Best used over an image.