40 lines
1.9 KiB
HTML
40 lines
1.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" >
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>CodePen - flame animation</title>
|
|
<link rel="stylesheet" href="./style.css">
|
|
|
|
</head>
|
|
<body>
|
|
<!-- partial:index.partial.html -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="svg8" version="1.1" viewBox="0 0 95.05 113.63">
|
|
<defs id="defs2">
|
|
<linearGradient id="linearGradient857">
|
|
<stop id="stop853" offset="0" stop-color="#d089ff" stop-opacity="1"/>
|
|
<stop id="stop855" offset="1" stop-color="#7f00f5" stop-opacity="1"/>
|
|
</linearGradient>
|
|
<linearGradient id="linearGradient859" x1="37.47" x2="62.79" y1="9.1" y2="90.19" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient857"/>
|
|
</defs>
|
|
<g id="layer1" transform="translate(.28 -.13)">
|
|
<path id="rect835" fill="#21034f" fill-opacity="1" stroke-width=".4" d="M-.28.13h95.05v113.63H-.28z" opacity="1"/>
|
|
<path id="flame" fill="url(#linearGradient859)" fill-opacity="1" stroke-width=".87" d="M76.12 66.56c0 15.63-13.23 28.31-29.54 28.31-16.3 0-29.73-12.68-29.53-28.31.28-21.7 21.5-33.27 22.1-50.09 10.79 2.2 36.97 24.8 36.97 50.09z" opacity="1"/>
|
|
|
|
<circle id="ci1" cx="46.58" cy="66.56" r="1" />
|
|
<circle id="ci2" cx="46.58" cy="66.56" r="1" />
|
|
<circle id="ci3" cx="46.58" cy="66.56" r="1" />
|
|
<circle id="ci4" cx="46.58" cy="66.56" r="1" />
|
|
|
|
|
|
|
|
|
|
<path id="rect848" fill="#7f00f5" fill-opacity="1" stroke-width=".4" d="M103.06 22.47h16.68v7.2h-13.22c-.67 0-.88.58-.88.58z" opacity="1" transform="rotate(39.18)"/>
|
|
<path id="circle843" fill="#21034f" fill-opacity="1" stroke-width=".4" d="M50.77 61.02a7 7 0 10-8.78 10.9c3.44 2.77 5.95 1.3 8.68 3.5l25.66 20.66 5.36-6.65L56.45 69.1c-3.21-2.59-1.98-5.1-5.68-8.08z" opacity="1"/>
|
|
<ellipse id="path851" cx="46.37" cy="63.24" fill="#d594ff" fill-opacity="1" stroke-width=".4" opacity="1" rx="2.01" ry="1.24"/>
|
|
</g>
|
|
</svg>
|
|
<!-- partial -->
|
|
|
|
</body>
|
|
</html>
|