transition syntax css

1<style>
2div {
3  background-color: blue;
4  padding: 40px;
5  color: white;
6  cursor: pointer;
7  -webkit-transition: all 0.5s 0s ease;
8  -moz-transition: all 0.5s 0s ease;
9  -o-transition: all 0.5s 0s ease;
10  transition: all 0.5s 0s ease;
11}
12/*transition: property duration timing-function delay|initial|inherit;*/
13
14.hidden {
15  visibility: visible;
16  opacity: 0.1;
17  max-width: 12%;
18}
19
20.hidden:hover {
21  visibility: visible;
22  opacity: 1;
23	max-width: 100%;
24}
25</style>
26
27<div class="hidden">HOVER ME!</div>

1transition: property duration timing-function delay|initial|inherit;

1transition: property duration transition-timing-function delay; 
2/*Shorthand Property*/