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
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--Created by:shudarshan Rai
published on:may 5 2018
bugs:not found
last update:not yet
suitable for:mobile,pc
-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>
</head>
<body>
<div class="logo">
<svg
width="100%"
height="271"
viewBox="0 0 634.10401 271.366"
enable-background="new 0 0 693.615 419.375"
xml:space="preserve">
<g
transform="translate(-29.908,-73.916003)">
<g>
<path class="path"
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
.path{
display:none;
}
body{
background-image:url('https://1.bp.blogspot.com/-Nnj9WShGWik/Wuy3zWDyRSI/AAAAAAAAB14/9imX690D9V854Qe8-kTr2Efa2TclYHTXQCLcBGAs/s640/40c712e5f3833bc38dbe1213da27069e--star-wars-wallpaper-iphone-star-wars-backgrounds.jpg');
}
svg{
margin-top:90px;
}
pre{
color: #fff;
font-weight:bold;
}
Enter to Rename, Shift+Enter to Preview
js
js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
window.onload = ()=>{
var n = 0;
$(document).ready(function() {
show(n);
});
function show(n) {
$(".path:eq("+n+")").fadeTo(500,1, function() {
n++;
var len = $(".path").length;
if (n<len) {
show(n);
}
});
}
}
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run