лучший способ вращать изображения, элементы div или списка

Question

До сих пор я использовал плагин jquery .rotate () для поворота моих изображений, но в этом плагине все еще много ошибок ...

В основном у меня есть некоторые элементы списка с текстом и картинкойкаждый элемент 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 для поворота элемента, а затем использовал бы класс для него.

Проверьте демо здесь