smooth button css code example
Example 1: smooth button effect css
.CLASS{
width: 100px; /* Change Width With Smooth Effect */
height: 100px; /* Change Height With Smooth Effect */
transition: 1s; /* Change "1" With Display Time (Seconds)*/
}
Example 2: css transition on hover
/* Simple CSS color transition effect on selector */
div {
color: white;
background-color: black;
}
div:hover {
background-color: red;
}
/* Additional transition effects on selector */
div {
background-color: black;
color: white;
height: 100px;
transition: width 1.5s, height 3s;
width: 100px;
}
div:hover {
background-color: red;
height: 300px;
width: 150px;
}