<![CDATA[<!DOCTYPE HTML>
<html>
<head>
<meta charset = "utf-8">
<title>Transition</title>
<style type = "text/css">
img {
margin: 150px;
height: 515px;
width: 220px;
}
img:hover {
animation: skew 6s infinite linear;
}
@keyframes skew {
from { transform: skewX( 0deg); }
25% { transform: skewX(-45deg); }
50% { transform: skewX( 0deg); }
75% { transform: skewX( 45deg); }
to { transform: skewX( 0deg); }
</style>
</head>
<body>
<img src = "mj.jpg">
</body>
</html>]]>