旋转图像、div或列表元素的最佳方式

Question

到目前为止，我使用了一个jquery插件.rrotate（）来旋转我的图像，但这个插件仍然有很多错误。。。

基本上，我有一些列表元素，每个li元素中都有文本和图片。。。现在我想随机旋转每个li元素，角度为+-10度…

旋转元素的最佳脚本或方法是什么？canvars，css3？一些我不知道的易于处理的jquery插件？

<ul>
    <li>
        <img src="test1.png" style="display: inline;">
        <p>blabla</p>
    </li>
    <li>
        <img src="test2.png" style="display: inline;">
        <p>blabla</p>
    </li>
</ul>

Answer 1

我会使用CSS来旋转元素，然后为它使用一个类。

点击此处查看演示