<style>
svg {
-webkit-transform:perspective(80) rotateX(05deg);
}
#sun {
fill: #FF0000;
}
</style>
<svg width="440" height="400" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<symbol id="skyline">
<path fill="#fefefe" id="svg_3" d="M-.80001,152.21053L0.52632,52.63158L21.05263,53.68421L21.57895,42.10526L33.93683,41.68421L33.93683,55.89474L36.04209,80.10527L40.25262,81.68421L41.30525,62.73685L56.84211,62.10526L57.09472,80.63158L65.26316,82.10526L66.31579,63.68421L87.36842,63.1579L87.36842,68.42105L102.8842,68L102.63158,110.52632L107.62104,111.1579L107.89474,69.47369L126.31579,68.94737L126.31579,74.73684L132.35788,74.84211L132.35788,106.94737L137.09472,108L136.5684,40.10527L159.7263,41.1579L158.94737,49.47369L162.88419,50.10527L159.7263,111.68421L170,110L170.52632,75.78947L175.51577,72.73684L174.73684,41.05263L194.73684,41.57895L193.41051,98L197.62103,98L197.89474,64.21053L217.62103,63.78948L220.52632,58.42105L236.84211,58.94737L256.5684,50.63158L256.5684,58L271.05263,57.89474L272.63158,41.57895L293.68421,41.05263L293.15789,61.05263L321.05263,62.63158L318.94737,105.26316L323.15789,104.21053L324.73684,64.73684L344.73684,65.26316L344.21053,105.78947L349.19997,105.36842L348.94737,71.57895L367.62102,71.68421L367.89474,62.10526L391.05263,62.10526L392.63158,108.42105L399.19997,108L397.89474,80L401.83155,80.10527L401.83155,59.05264L405.26316,55.78947L405.26316,45.26316L414.46313,45.36843L413.68421,56.84211L418.42105,58.42105L417.89474,81.05263L421.57895,80L421.57895,105.78947L428.94737,106.84211L429.47368,44.21053L438.94737,44.21053L437.36841,151.57895L-0.80001,152.21053z" style="color: rgb(214, 146, 36);"/>
</symbol>
<symbol id="runner">
<path id="svg_1" transform="translate(0,50)" d="M68.37807,78.95891L49.31507,107.67123L76.43836,123.0137L58.78903,104.9863L65.0904,91.56164L54.67944,135.12329L58.90411,154.24658L33.69863,152.87671L27.94521,147.94521L20,168.21918L30.68493,160L66.84932,162.19178L65.75342,135.61644L71.50685,156.71233L74.40547,195.9452L94.67944,192.65753L80.82192,186.30137L82.19178,152.05479L74.67944,133.20548L75.22738,86.63014L74.67944,115.39726L89.74793,121.69863L80.27397,112.60274L76.43836,84.10959L77.80822,79.45205L83.28767,81.09589L83.44656,64.9863L71.78082,61.91781L69.0411,74.24658L70.68493,77.53425L68.37807,78.95891z">
<animate attributename="d" repeatcount="indefinite" begin="0s" dur="1s" values="
M68.37807,78.95891L49.31507,107.67123L76.43836,123.0137L58.78903,104.9863L65.0904,91.56164L54.67944,135.12329L58.90411,154.24658L33.69863,152.87671L27.94521,147.94521L20,168.21918L30.68493,160L66.84932,162.19178L65.75342,135.61644L71.50685,156.71233L74.40547,195.9452L94.67944,192.65753L80.82192,186.30137L82.19178,152.05479L74.67944,133.20548L75.22738,86.63014L74.67944,115.39726L89.74793,121.69863L80.27397,112.60274L76.43836,84.10959L77.80822,79.45205L83.28767,81.09589L83.44656,64.9863L71.78082,61.91781L69.0411,74.24658L70.68493,77.53425L68.37807,78.95891z;
M64.81643,81.42466L51.23288,99.45205L58.0822,130.68493L60.98081,100.32877L62.0767,94.30137L50.84382,133.47945L50.13699,151.78083L35.89041,185.20548L31.78083,189.86302L51.23288,198.08219L45.20548,186.0274L61.0959,159.17808L64.38356,138.63014L77.26027,151.50685L45.09041,158.9589L53.30958,179.50685L56.43836,169.0411L90.9589,155.61643L74.67944,133.20548L75.22738,86.63014L75.77533,115.12329L94.40547,97.04109L80.54794,102.73972L77.53425,84.65754L77.53425,81.09589L83.28767,81.09589L83.44656,64.9863L71.78082,61.91781L69.0411,74.24658L70.68493,77.53425L64.81643,81.42466z;
M64.81643,81.42466L48.49315,90.9589L54.24658,126.57534L57.96711,96.49315L62.0767,94.30137L47.55615,130.19178L40.27398,154.52056L24.65753,178.08219L20.00001,182.19179L35.61644,196.9863L31.78082,183.83562L52.60275,158.63013L63.28767,137.80822L78.90411,150.13699L59.88493,173.75342L75.22739,186.35616L70.41096,173.69863L96.71232,149.58903L74.67944,127.17808L76.87122,109.09589L85.91232,111.0137L90.29588,92.65753L83.56164,99.17808L77.53425,84.65754L77.53425,81.09589L83.28767,81.09589L83.44656,64.9863L71.78082,61.91781L69.0411,74.24658L70.68493,77.53425L64.81643,81.42466z;
M64.81643,81.42466L46.30137,92.60274L55.61644,123.28767L56.32327,96.21918L62.0767,94.30137L47.55615,130.19178L38.35617,149.58905L15.06849,166.84931L9.86302,167.67124L15.89041,187.39726L19.45205,176.16439L46.84933,156.98629L63.28767,137.80822L85.75342,150.41096L79.88493,183.89041L98.51506,184.16438L87.12329,176.9863L97.53424,146.30136L74.67944,123.34246L79.33697,108.82192L88.65205,110.46575L89.19999,87.99999L83.56164,99.17808L77.53425,84.65754L77.53425,81.09589L83.28767,81.09589L83.44656,64.9863L71.78082,61.91781L69.0411,74.24658L70.68493,77.53425L64.81643,81.42466z;
M63.17259,80.32877L46.30137,92.60274L53.69863,121.64383L56.32327,96.21918L62.0767,94.30137L47.55615,130.19178L45.20548,153.15069L20.54794,160.54794L12.87672,160.82193L13.69863,180.54795L20,171.23288L53.42467,159.99999L63.28767,137.80822L80,158.08219L93.85753,190.19178L110.02191,181.15068L97.53425,180.54794L91.78082,151.23287L74.67944,123.34246L77.69313,108.82192L88.1041,112.65753L91.1178,94.02739L82.73972,103.0137L77.53425,84.65754L77.53425,81.09589L83.83562,80.27397L83.44656,64.9863L71.78082,61.91781L69.0411,74.24658L70.13698,79.72603L63.17259,80.32877z;
M63.72054,81.69863L48.49315,96.71233L53.69863,121.64383L59.61094,99.50685L62.0767,94.30137L51.11779,130.73973L49.0411,150.68494L23.01369,152.87671L16.16439,152.60275L12.60274,170.13699L21.64384,163.0137L56.71234,162.19177L63.28767,137.80822L75.34247,162.46575L90.56986,191.56164L107.55616,185.53424L97.80822,182.46575L86.30137,155.06849L76.32328,132.10958L77.14518,113.20548L85.0904,111.56164L92.21369,103.34246L82.73972,103.0137L77.53425,84.65754L77.53425,81.09589L83.83562,80.27397L83.44656,64.9863L71.78082,61.91781L69.0411,74.24658L70.13698,79.72603L63.72054,81.69863z;
M63.72054,81.69863L51.78082,104.10959L63.28767,121.9178L60.70683,100.32877L62.0767,94.30137L51.11779,130.73973L53.42466,153.42467L29.04109,151.78082L22.46576,149.04111L15.61644,169.58904L24.10959,160L61.64385,162.73972L63.28767,137.80822L73.97261,154.52054L80.43287,192.65753L101.52876,189.09588L88.49315,185.75342L86.30137,155.06849L76.32328,132.10958L77.14518,113.20548L85.0904,111.56164L90.56985,105.53424L80.82191,105.20548L77.53425,84.65754L77.53425,81.09589L83.83562,80.27397L83.44656,64.9863L71.78082,61.91781L69.0411,74.24658L70.13698,79.72603L63.72054,81.69863z;
M63.72054,81.69863L57.53424,102.46575L84.9315,121.09588L66.18628,99.78082L58.24108,93.75343L53.30957,132.10959L62.19178,149.58905L40.54794,148.49315L36.43836,144.93152L24.93151,162.73973L38.63014,158.08219L68.76714,162.46575L63.28767,137.80822L62.73973,164.9315L59.06301,190.73972L79.88492,189.36985L68.49315,183.28767L80.54795,155.34246L76.32328,132.10958L77.14518,113.20548L84.81643,116.21917L85.63834,109.64383L78.08219,106.30137L77.53425,84.65754L77.53425,81.09589L83.83562,80.27397L83.44656,64.9863L71.78082,61.91781L69.0411,74.24658L69.58903,77.53425L63.72054,81.69863z;
M63.72054,81.69863L57.53424,102.46575L77.26027,114.79451L66.18628,99.78082L58.24108,93.75343L53.30957,132.10959L59.72603,151.50686L45.75342,154.79452L40.54795,155.34248L42.46576,176.9863L48.21918,163.28767L83.28769,158.9041L73.69863,130.41096L54.52055,163.56164L47.55616,186.63013L64.81643,191.56163L56.9863,183.0137L68.76713,161.9178L76.32328,132.10958L77.14518,113.20548L93.03561,111.83561L94.40546,104.43835L78.08219,106.30137L77.53425,84.65754L77.53425,81.09589L83.83562,80.27397L83.44656,64.9863L71.78082,61.91781L69.0411,74.24658L69.58903,77.53425L63.72054,81.69863z;
M64.81643,80.60274L57.26027,86.0274L51.23288,91.50684L48.10409,100.87671L57.41916,109.91781L48.92601,132.10959L43.56165,156.71234L30.9589,182.46575L28.49316,185.47946L45.47946,196.71233L39.45206,183.56164L57.80824,155.8904L62.46576,137.80822L74.24658,146.30137L52.48767,163.06849L60.1589,178.68492L60.82192,167.12329L96.16439,152.05479L74.40547,122.52054L75.22737,109.64384L96.32328,104.9863L93.30957,95.12328L81.09589,103.28767L77.53425,84.65754L77.53425,81.09589L83.83562,80.27397L83.44656,64.9863L71.78082,61.91781L69.0411,74.24658L69.58903,77.53425L64.81643,80.60274z;
M64.81643,80.60274L57.26027,86.0274L49.86302,89.863L45.09039,95.12329L54.13149,110.19178L46.46026,129.91781L36.98631,149.86303L20.54794,170.41096L12.32878,175.0685L22.19179,191.50685L27.94521,176.16438L47.94523,156.98629L62.46576,138.35617L82.46576,149.0411L63.1726,172.10959L78.24109,185.53423L73.69863,174.79452L96.71234,146.30137L74.40547,122.52054L77.41915,105.26028L89.19999,110.73972L93.0356,88.27397L84.65753,96.9863L77.53425,84.65754L77.53425,81.09589L83.83562,80.27397L83.44656,64.9863L71.78082,61.91781L69.0411,74.24658L69.58903,77.53425L64.81643,80.60274z;
M59.33698,83.61644L44.10958,98.90412L59.45205,125.47944L53.85752,98.9589L59.61094,96.21918L49.19999,131.0137L41.91782,151.50687L22.19178,159.45206L10.137,160.54795L10.95891,181.36986L21.91781,169.31507L50.68496,159.99999L65.20549,138.0822L86.0274,150.68494L86.46027,186.35616L104.54246,186.63012L95.34247,177.26027L96.71234,146.30137L74.40547,122.52054L77.41915,105.26028L87.55615,110.73972L93.0356,88.27397L84.65753,96.9863L77.53425,84.65754L77.53425,81.09589L83.83562,80.27397L83.44656,64.9863L71.78082,61.91781L69.0411,74.24658L70.13698,80L59.33698,83.61644z;
M64.81643,80.60274L42.73972,96.43836L56.98631,123.56163L53.0356,96.49315L55.50135,95.94521L47.28218,131.0137L45.20549,148.76714L20.27397,153.15069L11.50686,154.79453L12.0548,175.89041L19.45206,165.20548L54.2466,159.17807L62.46576,138.90412L77.53425,156.98631L93.58356,189.09589L108.37808,179.23286L98.35617,180L88.76713,149.58904L74.40547,122.52054L77.41915,105.26028L83.72054,111.01369L93.30957,93.75342L84.65753,98.35616L77.53425,84.65754L77.53425,81.09589L83.83562,80.27397L83.44656,64.9863L71.78082,61.91781L69.0411,74.24658L69.58903,77.53425L64.81643,80.60274z;
M64.81643,80.60274L46.02739,100.27398L68.21919,118.63012L60.70683,102.24657L61.52875,95.94521L51.1178,135.12329L51.23289,152.87673L28.21918,152.87672L20.82193,149.31508L15.0685,169.58904L24.10959,160.54795L58.63016,165.20547L66.57535,146.30138L73.69863,160.82193L86.1863,193.47945L103.44657,187.99998L90.41096,183.28767L83.56165,155.06849L76.59725,133.20547L76.59723,114.0274L93.58356,108.54793L90.84382,103.61643L79.72603,104.9315L78.90411,84.93151L77.53425,81.09589L83.83562,80.27397L83.44656,64.9863L71.78082,61.91781L69.0411,74.24658L69.58903,77.53425L64.81643,80.60274z;
M68.37807,78.95891L49.31507,107.67123L76.43836,123.0137L58.78903,104.9863L65.0904,91.56164L54.67944,135.12329L58.90411,154.24658L33.69863,152.87671L27.94521,147.94521L20,168.21918L30.68493,160L66.84932,162.19178L65.75342,135.61644L71.50685,156.71233L74.40547,195.9452L94.67944,192.65753L80.82192,186.30137L82.19178,152.05479L74.67944,133.20548L75.22738,86.63014L74.67944,115.39726L89.74793,121.69863L80.27397,112.60274L76.43836,84.10959L77.80822,79.45205L83.28767,81.09589L83.44656,64.9863L71.78082,61.91781L69.0411,74.24658L70.68493,77.53425L68.37807,78.95891z"/>
</path>
</symbol>
<g>
<title>Red Run</title>
<line id="svg_11" x1="220" y1="100" x2="1500" y2="400" stroke-width="0.5" stroke="#000000" fill="none">
<animate attributename="x2" begin="0s" dur="6s" repeatcount="indefinite" values="1500;-1500"/></line>
<rect stroke-opacity="0" id="svg_3" height="156.44445" width="440.88889" y="-5.53084" x="-1.03705" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="0" stroke="#000000" fill="url(#svg_4)"/>
</g>
<defs>
<mask id="pers">
<path id="svg_2" d="m226.16701,101.25l1413.12059,300.09982l-137.13757,0.53918l-1275.98302,-300.63901l0,0z" fill="#FFFFFF">
<animate attributename="d" begin="3s" dur="6s" repeatcount="indefinite" values="
m226.16701,101.25l1413.12059,300.09982l-137.13757,0.53918l-1275.98302,-300.63901l0,0z;
m226.16701,101.25l-1424.29713,294.48135l-137.14026,0.539l1561.43739,-295.02036l0,0z"/>
</path>
</mask>
<pattern id="lava" patternUnits="userSpaceOnUse" width="60" height="60">
<image xlink:href="http://i.imgur.com/hR9768t.gif" x="0" y="0" width="60" height="60"/>
</pattern>
<linearGradient y1="0" x1="0" y2="1" x2="1" id="svg_4">
<stop offset="0" stop-opacity="0.99219" stop-color="#55cbe0"/>
<stop offset="1" stop-opacity="0.99609" stop-color="#c8f4f4"/>
</linearGradient>
</defs>
<g>
<use xlink:href="#skyline"/>
<use xlink:href="#skyline" x="437"/>
<animateMotion from="0,0" to="-438,0" begin="0s" dur="6s" repeatcount="indefinite"/>
</g>
<rect id="3dlava" x="0" y="150" width="440" height="260" fill="url(#lava)" mask="url(#pers)"/>
</rect id="essai" x="0" y="150" width="440" height="260" fill="url(#lava)" />
<use xlink:href="#runner" fill="#20303f">
<animateMotion values="0,0;0,-100;0,0" begin="sun.mousedown" dur="1s" repeatcount="1"/>
</use>
<use xlink:href="#runner" fill="#20303f" transform="translate(0,360), scale(1, -0.5)" opacity="0.25">
<animateMotion values="0,0;0,100;0,0" begin="sun.mousedown" dur="1s" repeatcount="1"/>
</use>
</g>
<circle id="sun" cx="300" cy="0" fill="gold" r="30"/>
</svg>
