The stitched glowing effect is generally used in the design of classical or retro-themed websites. You can also call it a Denim effect if you use blue color for the effect as it looks similar to the classic original denim. It is one of the best effect to understand the concept of radial-gradient and dashed property of border.
Code:
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content=
"width=device-width,
initial-scale=1.0">
<title>Stiched Effect</title>
<style>
body{
margin: 0;
padding: 0;
background: blue;
}
.tech{
position: absolute;
top: 35%;
left: 30%;
font-size:80px;
color: whitesmoke;
background: radial-gradient(
rgb(64, 245, 64), blue);
padding:20px 10px;
border-radius: 30px;
border: 2px inset white;
}
</style>
</head>
<body>
<button class="tech">
The Tech Platform
</button>
</body>
</html>Output:
Source: geelsofgeeks
The Tech Platform
Comments