CSS3 transition shorthand property Examples
CSS3 transition shorthand property Examples
<!DOCTYPE html>
<html>
<head>
<title>CSS3 transition shorthand property Examples</title>
<style type="text/css">
button {
color: #ccc;
border: none;
padding: 10px 20px;
font: bold 18px sans-serif;
background: #fd7c2a;
-webkit-transition: background 2s ease-in 0s;
transition: background 2s ease-in 0s;
}
button:hover {
background: orange;
}
</style>
</head>
<body>
<button type="button">Hover on me</button>
</body>
</html>
Output