Skip to content

Instantly share code, notes, and snippets.

@Hunter87ff

Hunter87ff/div_illution.html

Created November 15, 2023 07:27
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Hunter87ff/0b5b01bf21fe35b3dfcbe174c32c3c56 to your computer and use it in GitHub Desktop.
Save Hunter87ff/0b5b01bf21fe35b3dfcbe174c32c3c56 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
div_illution.html
<meta name="viewport" content="width=device-width,initial-scale=1.0"/>
<body id="body">
<div id="con">
<div id="red"></div>
<div id="blue"></div>
<div id="yellow"></div></div>
<style>
#body{
position: relative;
background-color: #000;
}
#con{
position: absolute;
top: 40%;
left: 30%;
width: 150px;
height: 150px;
animation:rot .1s linear infinite;
}
@keyframes rot{
0%{
transform: rotate(0deg);
}
100%{
transform: rotate(360deg);
}
}
#red{
position: absolute;
height: 30px;
width:30px ;
background-color: red;
z-index: ;
top: 0px;
left:0% ;
border-radius: 1%;
}
#blue{
position: absolute;
height: 30px;
width:30px ;
background-color: blue;
z-index:;
top: 50%;
left:50% ;
border-radius: 1%;
}
#yellow{
position: absolute;
height: 30px;
width:30px ;
background-color: yellow;
z-index: ;
top:100% ;
left:100% ;
border-radius: 1%;
}
</style>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment