css hover animation

1.YOURHTMLCONTENT i {
2    height: auto;
3    float: left;
4    color: #fff;
5    font-size: 55px;
6    margin: 30px 30px 30px 30px;
7    transition: 0.8s;
8    transition-property: color, transform;
9}
10
11.YOURHTMLCONTENT i:hover {
12    color: #FF5733;
13    transform: scale(1.3);
14}

1.i {
2    color: #fff;
3    font-size: 35px;
4    margin: 15px 15px 0 15px;
5    transition: 0.2s;
6    transition-property: color, transform;
7}
8
9i:hover {
10    color: #FF5733;
11    transform: scale(1.3);
12}

1/* Simple CSS color transition effect on selector */
2
3div {
4	color: white;
5  	background-color: black; 
6}
7
8div:hover {
9	background-color: red;
10}
11
12
13/* Additional transition effects on selector */
14
15div {
16	background-color: black;
17  	color: white;
18  	height: 100px;
19  	transition: width 1.5s, height 3s;
20  	width: 100px;
21  	
22}
23
24div:hover {
25	background-color: red;
26  	height: 300px;	
27  	width: 150px;
28}
29  

1a:hover {
2  color: #252525;
3}