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 transition-timing-function delay;
2/*Shorthand Property*/