CSS-переход между двумя иконками (Material Design) ⇐ Html

[Anonymous]

Можно ли изменить className идентификатора с плавным переходом между элементами?
Используя CSS Transition? или Изменение непрозрачности .mdi-star?
https://jsfiddle.net/fekula/n3gjfcvp/1/

Код: Выделить всё

function changeFavButtonClass(){
if ( document.getElementById("fav_button_icon").className == 'mdi mdi-48px mdi-star-outline' ){
document.getElementById("fav_button_icon").className = 'mdi mdi-48px mdi-star';
}else{
document.getElementById("fav_button_icon").className = 'mdi mdi-48px mdi-star-outline';
}
}


[i][/i]

Спасибо

Подробнее здесь: https://stackoverflow.com/questions/655 ... ial-design