7

Em princípio, não tem muito o que fazer com CSS neste caso, e provavelmente seria melhor uma animação ou vídeo embedded.
Pra não ficar completamente sem solução, montei um exemplo de manipulação de imagem com JS e Canvas:
function distorce(idOriginal, idDistorcido, porcentagem) {
var origin...