A rectangle button positioned in any corner of a webpage typically used for promotion and marketing purposes



Example 1

Example 2

Example 3

Example 4

Example 5

The triangle button widget comes available with the option to choose different positions for your button. There are four positions (for each of the four corners of the webpage).

Different Positions

The Corner Button widget comes with the option to add gentle “enlarging” animation on hover, which will make the button grow when users hover over it and be more noticeable and easy to click on.

Hover Animation

The triangle button widget will enable you to make the corner button stand out from the rest of the page by adding a little shadow to it.

Shadow Inclusion

The Corner Button widget comes with a variety of beautiful skins that you can choose from so you don’t have to spend much time on extensive customization.

Multiple Skins

The Corner Button widget comes with a selection of beautiful icons that you can use to add to the button and enrich its visual appearance.

A Selection of Beautiful Icons

The Corner Button widget features full customization options so you can edit the design to fit your needs. Change the colors, the fonts, the spacing, and anything else!

Fully Customizable

The Corner Button widget is fully responsive and will look great on any device. This feature will put you ahead of your competitors in a mobile-first world.

Perfectly Responsive

The Corner Button widget is easy to use and requires no coding knowledge. Our intuitive dashboard with the drag-and-drop feature will enable you to customize the widget any way you’d like to with just a few simple clicks.

Easy To Use Corner Button Widget

As with all of Common Ninja’s widgets, you can add custom CSS to customize the triangle button widget and be even more creative.

Custom CSS

You can embed the triangle button widget on your website easily by copying a single line of code. The Corner Button widget will also be updated automatically with every change you make.

Easy To Embed 

The inclusion of the fully customizable triangle button will enable you to make it clearly visible to your visitors and pique their curiosity by implementing “loud” colors and hover animation.

Clear Visibility

The button makes it easier for your users to reach the designated page, thereby improving their navigation and enhancing their experience on your website.

Easy Navigation

The triangle button can be customized to improve the aesthetics of your website by choosing complementary colors and pleasing icons.

Corner Button Examples for W3Schools Spaces

Check out our Corner Button examples and discover the full potential of the widget!

Example 1

Example 2

Example 3

Example 4

Example 5