<footer>
<span class="copyright">curveSoft inc</span>
</footer>

<style>
img { -moz-transition: 0.2s; }
.rotate { -moz-transform: rotate:(90deg); }
.resize { -moz-transform: scale:(0.7); }
.resize.rotate { -moz-transform: scale(0.7) rotate(90deg); }
</style>
<script>
function rotate() { document.querySelector("img").classList.toggle(rotate); }
function resize() { document.querySelector("img").classList.toggle(resize); }
</script>

<div contextmenu="supermenu">
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/61/HTML5_logo_and_wordmark.svg/240px-HTML5_logo_and_wordmark.svg.png">
</div>

<menu type="context" id="supermenu">
<menuitem label="rotate" onclick="rotate()" icon="http://cdn1.iconfinder.com/data/icons/silk2/arrow_rotate_clockwise.png"> </menuitem>
<menuitem label="resize" onclick="resize()" icon="http://cdn1.iconfinder.com/data/icons/fugue/icon/image-resize.png"> </menuitem>
<menu label="share">
<menuitem label="twitter" onclick="alert('foo')"></menuitem>
<menuitem label="facebook" onclick="alert('bar')"></menuitem>
</menu>
</menu>

Спасибо