3D Button with Feedback

Developer
Dean Hidri
Size
2,516 Kb
Views
20,240
  1. 3D Button with Feedback Previews
  2. 3D Button with Feedback HTML Codes
  3. 3D Button with Feedback CSS Codes

How do I make an 3d button with feedback?

What is a 3d button with feedback? How do you make a 3d button with feedback? This script and codes were developed by Dean Hidri on 01 October 2022, Saturday.

3D Button with Feedback Previews
IQ Test

3D Button with Feedback - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>3D Button with Feedback</title> <link rel='stylesheet prefetch' href='http://cdnjs.cloudflare.com/ajax/libs/minireset.css/0.0.2/minireset.min.css'>
<link rel='stylesheet prefetch' href='https://cdn.rawgit.com/electerious/basicGrid/d77c5024/dist/basicGrid.min.css'>
<link rel='stylesheet prefetch' href='http://fonts.googleapis.com/css?family=Assistant:200,400,800'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="row center-on-small middle-on-small"> <div class="column small-12 t-center"> <button class="btn">Let the sun shine!</button> </div>
</div>
</body>
</html>

3D Button with Feedback - Script Codes CSS Codes

:root { color: #fff; font-family: 'Assistant', sans-serif; font-size: 16px; font-weight: 400;
}
html,
body,
.row { height: 100%;
}
.t-center { text-align: center;
}
.btn { background: -webkit-linear-gradient(left, #f1e767 0%, #feb645 100%); background: linear-gradient(90deg, #f1e767 0%, #feb645 100%); color: #1a1b1d; font-weight: 800; font-family: inherit; font-size: 1.2em; text-transform: uppercase; border: 0; box-shadow: 4px 4px 0 #feb645; outline: 0; padding: 12px 36px; cursor: pointer; display: inline-block; -webkit-transition: all 150ms; transition: all 150ms;
}
.btn:focus { box-shadow: -4px -4px 0 #feb645;
}
3D Button with Feedback - Script Codes
3D Button with Feedback - Script Codes
Home Page Home
Developer Dean Hidri
Username visualcookie
Uploaded October 01, 2022
Rating 3
Size 2,516 Kb
Views 20,240
Do you need developer help for 3D Button with Feedback?

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!

Dean Hidri (visualcookie) Script Codes
Name
Cool looking CSS3-Button
Email Input Field
CSS truncated text
CSS3 Circle Animation
Olympic Story CSS3 Loader
Flexbox - Sticky Footer
Embedo Test
CSS3 Spinner
B4S3 T3MPL4T3
Mana Button
Create amazing marketing copy 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!