Flashing Buttons

Website Design Skill Level:

 

Flashing Buttons are themed anchor <a> elements designed to grab the attention of the website user. They are a simple addition to the page that creates a sense of movement or activity. The button will always fill 100% of the space available to it. To make it appear smaller on screen, you must make the containing element smaller.

Example

Click here to visit the website

Adding Flashing Buttons to your Page

Simply add the class 'flashLink' to the anchor tag you wish to theme in this style. For example:

<a href="https://www.staffsunion.com" class="flashLink">This is a button</a>

By default the button will use brand green as it's base colour. You can use blue, red or pink by adding a second class:

<a href="https://www.staffsunion.com" class="flashLink red">This is a red button</a>

<a href="https://www.staffsunion.com" class="flashLink blue">This is a blue button</a>

<a href="https://www.staffsunion.com" class="flashLink pink">This is a pink button</a>

 

Available Colours


We proudly represent the academic interests of all Students at Staffordshire University. Providing advice, student groups and fantastic experiences that make us all very Proud to be Staffs.