get @keyframe current value in css3 with javascript

get @keyframe current value in css3 with javascript

below i link a demo for u ! what i want is when i click on the middle
raindrop , it rotate to the current position of the spining circle! i try
below JS code but it doesn't work! and the next thing i want to do is the
raindrop rotate with spining circle!
$(function() {
$('#center').click(function() {
var pos = $('#circle').css('transform')
$(this).css('transform', 'pos')
});
});
http://jsfiddle.net/hamidrezabstn/fgcPa/5/