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;
}