Skip to content

Instantly share code, notes, and snippets.

@kimjisub
Created June 14, 2019 05:59
Show Gist options
  • Save kimjisub/3837e7ca15a674045d23b836597a8067 to your computer and use it in GitHub Desktop.
Save kimjisub/3837e7ca15a674045d23b836597a8067 to your computer and use it in GitHub Desktop.
심심해
<html>
<head>
<meta charset="uft-8">
<title>심심해</title>
<style>
p{
display: inline;
float: left;
margin: 0;
padding: 0;
position: absolute;
transform: rotate(0deg);
animation-name: anim;
animation-duration: 5s;
}
@keyfram animation anim{
0%{
transform: rotate(0deg);
}
100%{
transform: rotate(360deg);
}
}
</style>
</head>
<body>
<script>
for ( i=0; i<10000; i++) {
document.write("<p>●</p>");
}
for(i=0; i<10000; i++) {
var a = parseInt(Math.random() * 10 * 100);
var b = parseInt(Math.random() * 10 * 100);
var c = parseInt(Math.random() * 25);
var color = "#"+(a+b);
document.getElementsByTagName("p")[i].style.paddingTop = a;
document.getElementsByTagName("p")[i].style.paddingLeft = b;
document.getElementsByTagName("p")[i].style.fontSize = c;
document.getElementsByTagName("p")[i].style.color = color;
}
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment