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