31 lines
614 B
HTML
31 lines
614 B
HTML
|
<html>
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<title>SVG Image</title>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<svg height="800" width="800">
|
||
|
|
<defs>
|
||
|
|
<style>
|
||
|
|
@keyframes tourne { 100% {
|
||
|
|
transform: rotate(360deg);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.rotation {
|
||
|
|
animation: tourne 2s linear infinite;
|
||
|
|
transform-origin: 150px 150px;}
|
||
|
|
</style>
|
||
|
|
</defs>
|
||
|
|
|
||
|
|
<g class="rotation">
|
||
|
|
<image transform="matrix(0 1 1 0 30 40)"
|
||
|
|
xlink:href="lion.jfif" x="0" y="0"
|
||
|
|
height="342" width="273.5" />
|
||
|
|
<rect x="10" y="10" width="100" height="100"></rect>
|
||
|
|
</g>
|
||
|
|
</svg>
|
||
|
|
|
||
|
|
</html>
|