.my-class{
    will-change: 'opacity, transform'
}
.my-class:hover{
    opacity: 0.5
}
.my-class:active{
    transform: rotate(5deg);
}

.my-class{
    ...
}
.my-class:hover{
    will-change: 'opacity'
    opacity: 0.5
}
.my-class:active{
    will-change: 'transform'
    transform: rotate(5deg);
}

will-change: transform, opacity;

will-change: all;

.potato:hover {
  will-change: opacity;
  opacity:1;
}

.parent:hover .change{
     will-change: opacity;
 }
 .change:hover{
    opacity: .5;
 }

.accelerate {
  -webkit-transform: translate3d(0, 0, 0);
}