Cumulus Buttons

Developer
Robert Asaad
Size
2,257 Kb
Views
22,264
  1. Cumulus Buttons Previews
  2. Cumulus Buttons HTML Codes
  3. Cumulus Buttons CSS Codes

How do I make an cumulus buttons?

What is a cumulus buttons? How do you make a cumulus buttons? This script and codes were developed by Robert Asaad on 18 September 2022, Sunday.

Cumulus Buttons Previews
IQ Test

Cumulus Buttons - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Cumulus Buttons</title> <link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <a href="#" class="btn btn-default btn-lg">Call to Action</a>
<a href="#" class="btn btn-default btn-lg outline">Call to Action</a>
<br><br>
<a href="#" class="btn btn-default btn-sm">Call to Action</a>
<a href="#" class="btn btn-default btn-sm outline">Call to Action</a>
</body>
</html>

Cumulus Buttons - Script Codes CSS Codes

/* variables */
/* base styles */
.btn { text-decoration: none; display: inline-block; border-radius: 4px; border: 3px solid; /* default button */ /* large button */ /* small button */ /* button with outline */
}
.btn.btn-default { background-color: #37a123; color: #fff; transition: all 0.2s; border-color: #37a123;
}
.btn.btn-default:hover { background-color: #00833c; border-color: #00833c;
}
.btn.btn-lg { padding: 15px 25px; font: 600 20px/1 'Open Sans'; letter-spacing: 0em;
}
.btn.btn-sm { padding: 13px 18px; font: 800 14px/1 'Open Sans'; text-transform: uppercase; letter-spacing: 0em;
}
.btn.outline { background-color: transparent; color: #37a123;
}
.btn.outline:hover { background-color: #00833c; color: #fff;
}
Cumulus Buttons - Script Codes
Cumulus Buttons - Script Codes
Home Page Home
Developer Robert Asaad
Username robasaad
Uploaded September 18, 2022
Rating 3
Size 2,257 Kb
Views 22,264
Do you need developer help for Cumulus Buttons?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Robert Asaad (robasaad) Script Codes
Name
React in 15ish minutes
Cumulus cards
Webinar LP - Thank You
Nav with fading underline
Centered floating elements
Hero with fading gradient backgrounds
Cumulus Networks bios
PNG vs SVG Showdown
Create amazing SEO content with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!