CSS Transitions shorthand

​x
 
<!DOCTYPE html>
<html>
 <head>
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <style>
     .shorthand-css { 
       background: rgba(13, 14, 10, 0.5); 
       color: white;
       transform: translate(1px,-170px);
       transition:background-color 3s;
     }
     .shorthand-css:hover {
       background-color:green;
     }
   </style>
 </head>
 <body>
   <h2>Text in Transparent Box inside an Image</h2>
   <img src="img/newborn-child-tutorialbrain.jpg" alt="Notebook" style="width:100%;">
   <div class="shorthand-css">
     <h3>Example of CSS transition shorthand</h3>
     <p>Hover over Me to see the effect</p>
   </div>
 </body>
</html>
​