Code For Cocktail Drawing
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<svg width="300" height="500">
<!--glass top-->
<polyline
style=
"stroke: #B7D4FF;
fill:none;
stroke-width:2;
fill:#C39BD3;"
points=
"100 100,150 200,
200 100, 200 100,
200 100, 100 100"/>
<!--x1 y1, x2 y2-->
<!--glass bottom-->
<polyline id="shape1"
style=
"stroke:#B7D4FF;
fill:#B7D4FF;
stroke-width:2;"
points=
"150 200, 150 230,
150 230, 125 240,
125 240, 175 240,
175 240, 150 230"/>
<!--x1 y1, x2 y2-->
<!--cocktail tube-->
<polyline
style=
"stroke:#5BFF62;
stroke-width:3;
fill:none;
stroke-linecap: round;"
points=
"140 160, 195 92,
195 92, 240 90"/>
<!--ice-->
<rect
width="10"
height="10"
fill="#5199FF"
x="189" y="130"
style="
transform:rotate(15deg);"/>
<rect
width="10"
height="10"
fill="#5199FF"
x="178" y="121"
style="
transform:rotate(15deg);"/>
<rect
width="10"
height="10"
fill="#5199FF"
x="199" y="105"
style="
transform:rotate(19deg);"/>
<!--lemon-->
<circle
cx="110" cy="100"
fill="yellow"
r="14"
stroke="orange"
style="stroke-width:2;"/>
<circle
cx="110" cy="100"
fill="#F9E79F"
r="2.5"/>
<!---->
<ellipse
cx="150"cy="240"
rx="80" ry="20"
style="fill:#FF008B;"/>
<!---->
<use id="use" xlink:href="#shape1" />
</body>
</html>
Making Of Cocktail
Reviewed by Shaishav Anand
on
August 27, 2019
Rating:
Reviewed by Shaishav Anand
on
August 27, 2019
Rating:
Really helpful.....We provide all types of we development services..Vuejs web development company
ReplyDelete