.grad1 {
  background-color: gray; /* For browsers that do not support gradients */
  background-image: linear-gradient(to right, green , yellow); /* Standard syntax (must be last) */
}

.grad2 {
  background-color: white; /* For browsers that do not support gradients */
  background-image: linear-gradient(to right, green , yellow); /* Standard syntax (must be last) */
}


#myDiv{
  width: 100px;
  height: 100px;
  -webkit-transition: width 2s, height 2s, -webkit-transform 2s; /* Safari */
  transition: width 2s, height 2s, transform 2s;
}

#myDiv:hover {
  width: 300px;
  height: 300px;
  -webkit-transform: rotate(360deg); /* Safari */
  transform: rotate(360deg);
}


.isi{
  width: 100px;
  height: 100px;
  -webkit-transition: width 2s, height 2s, -webkit-transform 2s; /* Safari */
  transition: width 2s, height 2s, transform 2s;
}

.isi:hover {
  width: 300px;
  height: 300px;
  -webkit-transform: rotate(360deg); /* Safari */
  transform: rotate(360deg);
}

.aktif{
  color:red;
  background-color: gray;
}