css stylish button
Document
.
.
.
.full video tutorial
https://youtu.be/tH_GsHjKqYg
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<style>
.btn{
font-size:20px;
height: 150px;
width: 400px;
color: aqua;
background-color: blueviolet;
border: 4px ridge aqua ;
border-radius: 24px;
transition-property: all;
transition-delay: 0.3s;
transition-duration: 1s;
transition-timing-function: ease-in-out;
box-shadow:6px 4px 7px 4px rgb(183, 107, 255);
}
.btn:hover{
box-shadow:8px 6px 4px 1px aqua;
transform:rotate(360deg);
border-radius: 34px;
color:blueviolet;
font-size:40px;
height: 100px;
width: 200px;
color:blueviolet;
background-color:aqua;
border: 4px ridge blueviolet;
}
</style>
<body>
<button class="btn">contect us</button>
</body>
</html>
Comments
Post a Comment