Como girar uma div em 90º em sentido horário teclando a seta p/ direit

[Mr. Charset 0]

E também fazer com que ela gire em sentido anti-horário quando for teclada a seta p/ esquerda. Já vi um código que me permite fazer isso apenas uma vez, mas eu quero que toda vez que eu pressionar uma das setas, a div gire. E como tenho várias divs, quero rotacionar a última na qual cliquei com o mouse. Desde já obrigado.

[codercss 14]

Precise de Javascript e de canvas

https://jsbin.com/qititacazu/edit?js,output

http://stackoverflow.com/questions/32880443/how-to-rotate-an-image-on-html5-canvas-when-the-right-and-left-arrow-keys-are-pr

https://css-tricks.com/almanac/properties/t/transform-origin/

[Mr. Charset 0]

Ainda não é o que preciso. Estou usando divs, não objetos.

[Maujor 144]

Veja em: http://codepen.io/Maujor/pen/BLKQaX