NEW SPACE COLONY - safe

Developer
Joseph
Size
2,150 Kb
Views
12,144
  1. NEW SPACE COLONY - safe Previews
  2. NEW SPACE COLONY - safe HTML Codes
  3. NEW SPACE COLONY - safe CSS Codes
  4. NEW SPACE COLONY - safe JS Codes

How do I make an new space colony - safe?

What is a new space colony - safe? How do you make a new space colony - safe? This script and codes were developed by Joseph on 02 January 2023, Monday.

NEW SPACE COLONY - safe Previews
IQ Test

NEW SPACE COLONY - safe - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>NEW SPACE COLONY - safe</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div id="canvas"> <div class="planet mountain large" id="one"> <div class="moon"> <div class="fleet"></div> </div> </div> <div class="planet forest medium" id="two"></div> <div class="planet plain small" id="three"></div>
</div> <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

NEW SPACE COLONY - safe - Script Codes CSS Codes

html { margin:0px; padding:0px; }
#canvas { position:absolute; overflow:hidden; left:0px; top:0px; height:100%; width:100%; background:black; }
.planet { position:absolute; background:#333; width:10px; height:10px; border-radius:100%; border:solid; }
.mountain { border-color:brown; }
.forest { border-color:green;}
.plain { border-color:lightgreen; }
.small { border-width:10px; }
.medium { border-width:20px; }
.large { border-width:30px; }
#one { left:100px; top:100px; }
#two { left:230px; top:170px; }
#three { left:400px; top:70px; }
.moon { position:absolute; left:2.5px; top:0px; background:transparent; width:140px; height:10px; margin-left:-70px; margin-top:0px; -webkit-animation: spin-right 60s linear infinite; animation: spin-right 60s linear infinite;
}
.fleet { position: absolute; top: 0px; left: 0px; height: 10px; width: 10px; border-radius: 100%; background-color: #eaeaea;
}
.active { border:100px rgba(34,145,67,0.1); }
/* ---------- Animation ---------- */
@-webkit-keyframes spin-right { 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}

NEW SPACE COLONY - safe - Script Codes JS Codes

$(".fleet").click(function() { $(this).addClass("active"); });
NEW SPACE COLONY - safe - Script Codes
NEW SPACE COLONY - safe - Script Codes
Home Page Home
Developer Joseph
Username jibbon
Uploaded January 02, 2023
Rating 3
Size 2,150 Kb
Views 12,144
Do you need developer help for NEW SPACE COLONY - safe?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Joseph (jibbon) Script Codes
Name
Css only parallax
Fluid full-width vimeo element
3d transform card flip
A Pen by Joseph
Large canvas mousemove experiment
3d image canvas play
Mousy canvas experiment
Simple responsive fullscreen slider
Fluid poster wall
NEW SPACE COLONY
Create amazing love letters with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!