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
<!-- This animation was made by me, Karak10, I saw a similar one in youtube five days ago and decided to remake it, it was hard, but I enjoyed making it. Don't forget to like the code if you liked my work, and follow me too if you want, your support helps a lot -->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title> Animated Man </title>
<style>
p {
text-align: center;
}
.green-border {
border: green solid;
}
</style>
</head>
<body style="background-color:rgb(231, 229, 229)">
<svg viewBox="-310 -140 1010 1000" style="background-color:rgb(231, 229, 229)">
<circle cx="175" cy="240" r="200"
style="fill:rgb(255, 255, 255); stroke:rgb(243, 241, 241)" stroke-width="10"/>
<ellipse cx="177" cy="433" ry="12" rx="130" style="fill:rgb(179, 178, 178)" />
Enter to Rename, Shift+Enter to Preview
css
css
1
2
3
4
5
/* This animation was made by me, Karak10, I saw a similar one in youtube five days ago and decided to remake it, it was hard, but I enjoyed making it. Don't forget to like the code if you liked my work, and follow me too if you want, your support helps a lot */
svg {
margin-top: 100px;
}
Enter to Rename, Shift+Enter to Preview
js
js
1
//This animation was made by me, Karak10, I saw a similar one in youtube five days ago and decided to remake it, it was hard, but I enjoyed making it. Don't forget to like the code if you liked my work, and follow me too if you want, your support helps a lot
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run