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>
<body>
<div id="bg"></div>
<div id="sun"></div>
<div id="sl"></div>
<div id="sl2"></div>
<div id="sl3"></div>
<div id="sl4"></div>
<div id="mnt3"></div>
<div id="mnt4"></div>
<div id="mnt"></div>
<div id="mnt2"></div>
<div id="tr"></div>
<div id="trl"></div>
<div id="trl2"></div>
<div id="trl3"></div>
<div id="road"></div>
<div id="hnd"></div>
<div id="hnd2"></div>
<div id="sh"></div>
<div id="sh2"></div>
<div id="roadSide"></div>
<div id="roadSign"></div>
<div id="hndle3"></div>
<div id="legBack2"></div>
<div id="shoe2"></div>
Enter to Rename, Shift+Enter to Preview
css
css
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
span{
color:gray;
}
#bg{
position:absolute;
top:0px; left:0px;
width:400px; height:500px;
background:-webkit-linear-gradient(azure ,rgb(173, 230, 216) 50%,azure 60%, green 100%);
}
#sun{
position:absolute ;
top:20px; left:300px;
width:30px; height:30px;
border-radius:50%;
background:white;
box-shadow:0 0 8px yellow, inset 0 0 8px yellow;
}
#sl{
position:absolute ;
top:40px; left:297px;
width:12px; height:12px;
border-radius:50%;
box-shadow:0 0 8px #ffff80, inset 0 0 8px #ffff80;
}
#mnt3{
border-color: #ebf6f9 transparent;
border-style: solid;
position: absolute;
Enter to Rename, Shift+Enter to Preview
js
js
1
2
3
4
5
6
7
8
9
10
11
alert('just a small finishing remaining');
alert("if the animation don't play in your Android device then update your Android System Webview App.\n\nAnd don't forget to hit the like button")
window.onload = function(){
var w = 400;
var wr = w - 100;
var wr2 = w - 150;
var rs = document.getElementById('roadSign');
rs.style.left = wr + 'px';
}
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run