移动倾斜 - 改变Css

Question

我想知道当用户向前，向后，向左，向右倾斜手机（不是从纵向切换到横向）时如何更改移动应用程序的CSS。

像

这样的东西

<H1>This is my header</H1>

<script>

$('.tiltleft(function() {
    $('H1').AddClass('TiltedLeft');
});

$('.tiltright(function() {
    $('H1').AddClass('TiltedRight');
});

</script>