Aumento de temperatura

[Soier]

Gelera, estou iniciando meus estudos em html, css, e javascript, será que vocês podem em ajudar dando algumas dicas?

O problema é o seguinte:

Estou querendo fazer um efeito de aumento de temperatura usando css com javascript, no qual quando o mouse passar por cima do termômetro a temperatura sobe, eu já comecei a escrever o html só que estou agarrado na parte onde o mouse passa por cima do termômetro, o problema é que não sei se é isso que estou pensando que tem que fazer,tipo onmouseover na imagem chama o css que altera a div, porfavor me ajudem, pesquisei muito já, só que sou bem iniciante mesmo, Obrigado desde já !

Segue o link: https://learningproject-hrugani.c9.io/brunny/teste/teste.html

Edited April 30, 2015 by Soier