html
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" >
<title>GUN-FIRE</title>
</head>
<body>
<h1>6 Bullets In PisToL</h1>
<h4>So Hurry Up Look At down ;)</h4>
<!--SVG STARTS FROM HERE-->
<svg width="1000" height="320">
<rect height="60" width="30" x="15" y="50" fill="#666" ></rect> <!--magazine-->
<rect height="25" width="150" x="10" y="25" fill="#222" ></rect> <!--Main Body-->
<rect height="19" width="15" x="17" y="17" fill="#444" ></rect> <!--upside of gun-->
<rect height="7" width="3" x="148" y="21" fill="#555" ></rect><!--Aim -->
<line x1="45" y1="70" x2="80" y2="70" style="stroke:#777;
stroke-linecap:square;
stroke-width:5;" ></line><!--right side line after trigger-->
<line x1="80" y1="50" x2="80" y2="70" style="stroke:#777;
stroke-linecap:square;
stroke-width:5;" ></line><!--down line after trigger-->
<line x1="57" y1="52" x2="57" y2="59" style="stroke:#254;
stroke-linecap:square;
stroke-width:5;" ></line><!--Trigger-->
<rect height="300" width="20" x="520" y="0" fill="#222"></rect><!--this is wall-->
<rect height="9" width="20" x="130" y="32" fill="#222" > <animate attributeName="x" from="90" to="500" dur="2s" repeatcount="6">device is not supporing annimation</animate></rect><!--Bullets-->
</svg>
<p>Created By: Yagnik Joshi,HTML-Programmer,From:SOLOLEARN.</p>
Enter to Rename, Shift+Enter to Preview
css
css
1
2
3
body {
}
Enter to Rename, Shift+Enter to Preview
js
js
1
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run