Button Fix 2

Developer
Mohomed Anees
Size
3,375 Kb
Views
32,384
  1. Button Fix 2 Previews
  2. Button Fix 2 HTML Codes
  3. Button Fix 2 CSS Codes

How do I make an button fix 2?

What is a button fix 2? How do you make a button fix 2? This script and codes were developed by Mohomed Anees on 27 August 2022, Saturday.

Button Fix 2 Previews
IQ Test

Button Fix 2 - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Button Fix 2</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="donate-btn-holder"><a class="donate-btn" href="javascript:void(0);">Donate</a> <svg preserveAspectRatio="none" style="enable-background:new -5 0 255 80;" version="1.1" viewBox="-5 0 255 80" x="0px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px"> <path class="st0" d="M122.3-2H21.1C21.1-2-4,10.2-4,39s25.1,41,25.1,41h101.2h101.2c0,0,25.1-12.2,25.1-41S223.5-2,223.5-2H122.3z" id="button" sketch:type="MSShapeGroup"></path></svg>
</div>
</body>
</html>

Button Fix 2 - Script Codes CSS Codes

/* ----------------------------------------------- MEDIA QUERIES
-------------------------------------------------- */
.button, .header-sign-up .subscribe-submit,
.header-navigation .subscribe-submit,
.front .hero-section .hero-btn-holder,
.donate-btn-holder,
.subscribe .subscribe-submit,
.take-action-btn,
.sidebar-left .sharethis-wrapper [class*="st_"],
.share-page-block-mobile .sharethis-wrapper [class*="st_"],
.action-detail-sidebar .btn-holder,
.connect .footer-icons li,
.common-button-holder { position: relative; z-index: 0; float: left;
}
.button svg, .header-sign-up .subscribe-submit svg,
.header-navigation .subscribe-submit svg,
.front .hero-section .hero-btn-holder svg,
.donate-btn-holder svg,
.subscribe .subscribe-submit svg,
.take-action-btn svg,
.sidebar-left .sharethis-wrapper [class*="st_"] svg,
.share-page-block-mobile .sharethis-wrapper [class*="st_"] svg,
.action-detail-sidebar .btn-holder svg,
.connect .footer-icons li svg,
.common-button-holder svg { -moz-transition: all, 0.3s, ease; -o-transition: all, 0.3s, ease; -webkit-transition: all, 0.3s, ease; transition: all, 0.3s, ease;
}
.donate-btn-holder,
.common-button-holder { max-width: 113px;
}
@media (min-width: 992px) { .donate-btn-holder, .common-button-holder { margin-right: 0.6em; }
}
.donate-btn-holder,
.donate-btn-holder a,
.donate-btn-holder svg, .donate-btn-holder:before,
.common-button-holder,
.common-button-holder a,
.common-button-holder svg,
.common-button-holder:before { height: 36px;
}
.donate-btn-holder:hover svg,
.common-button-holder:hover svg { fill: black;
}
.donate-btn-holder svg,
.common-button-holder svg { fill: #D40164;
}
.donate-btn-holder a,
.donate-btn-holder svg,
.common-button-holder a,
.common-button-holder svg { width: 113px;
}
.donate-btn-holder .donate-btn,
.donate-btn-holder .common-button,
.common-button-holder .donate-btn,
.common-button-holder .common-button { font-size: 1.4rem; line-height: 2.4rem; letter-spacing: 1px; color: #FFFFFF; position: absolute; z-index: 0; top: 0; bottom: 0; text-align: center; border: 0; width: 100%; background: transparent; padding: 0; margin: 0;
}
Button Fix 2 - Script Codes
Button Fix 2 - Script Codes
Home Page Home
Developer Mohomed Anees
Username mohomedanees
Uploaded August 27, 2022
Rating 3
Size 3,375 Kb
Views 32,384
Do you need developer help for Button Fix 2?

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!

Mohomed Anees (mohomedanees) Script Codes
Name
A Pen by Mohomed Anees
Image Caption
Button Fix 3
Transparent CSS Triangle with Borders
Anchor tag href attribute value change
Button Effect Final
Responsive image height
Button Effects
Button Fix 1
Modal Popup
Create amazing art & images 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!