1 Correct answer
If you are not satisfied with the effects I demonstrated you — of course modified to a 10 degree rotation, the answer is: No, not possible out of the box.
But: In this case you may use a third party widget for this, like:
https://www.muse-themes.com/products/rotating-animations-widget
Or have a closer look to one of these: https://musewidgets.com/search?q=Rotate
13
Replies
Thank you, Uwe.
For example, in the first instance, in the normal state, the object is at the initial position.
At the second instance, on the rollover state, the object is slightly rotated (or maybe moved) to create some motion effect.
Cheers,
Lena
Thank you very-very much everyone 
If you can work with code, CSS transforms & transitions are dirt simple to create.
In this example, my square is skewed 20 degrees on hover.
Add this CSS code to your custom <head> tag.
<style>
.square {
background: khaki;
border-radius: 5px;
height: 150px;
width: 150px;
margin: 100px;
transition: transform 1s;
}
.square:hover, .square:active, .square:focus {
transform: skewX(20deg);
}
</style>
Embed this <html>
<div class="square"></div>
For anyone interested in learning more,
AdChoices