rounded click me button with icon

just a rounded button with a font awesome icon

HTML

<div class='sign-up-button clickable animated' id='pulse'>
  <i class="fas fa-code"></i> Click Me <a href='#!'></a>
</div>

CSS

.sign-up-button {
    cursor: pointer;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    color: #FFF;
    background: #2b6cb0;
    padding: 8px 3px;
    border-radius: 25px;
    text-align: center;
    text-shadow: 0px 1px #111827;
    border: 5px solid #111827;
    font-weight: bold;
    max-width: 150px;
}

Other Items in css

No Items Found.

Add Comment
Type in a Nick Name here
 
Page Views

This page has been viewed 252 times.

Search Code
Search Code by entering your search text above.
Welcome

This is my test area for webdev. I keep a collection of code snippits here, mostly for my reference. Also if i find a good site, i usually add it here.

โค๐Ÿ‘ฉโ€๐Ÿ’ป๐Ÿ•น

Random Quote
The mind must be given relaxation; it will arise better and keener after resting. As rich fields must not be forced-for their productiveness, the have no rest, will quickly exhaust them constantlabor will break the vigor of the mind, but if it is released and relaxed a little while, it will recover its powers
Seneca