Running boy

Developer
João Neto Guimarães
Size
1,851 Kb
Views
8,096
  1. Running boy Previews
  2. Running boy HTML Codes
  3. Running boy CSS Codes
  4. Running boy JS Codes

How do I make an running boy?

What is a running boy? How do you make a running boy? This script and codes were developed by João Neto Guimarães on 19 January 2023, Thursday.

Running boy Previews
IQ Test

Running boy - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>running boy</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div id="animation"></div> <script src="js/index.js"></script>
</body>
</html>

Running boy - Script Codes CSS Codes

#animation { position: absolute; left: 0px; right: 0px; width: 145px; height: 150px; background: url(http://jjennings3.blog.com/files/2013/04/runningSeo1.png) left center; animation: animate steps(6) infinite 1s;
}
@keyframes animate { 0% { background-position: 0px 0px; } 100% { background-position: -883px 0px; }
}

Running boy - Script Codes JS Codes

var frame = document.getElementById("animation");
document.addEventListener('keypress', function(event) { console.log(event.keyCode); if (event.keyCode == 100) { frame.style.transform = "scaleX(1)"; frame.style.left = frame.offsetLeft+20+"px"; } else if (event.keyCode == 97) { frame.style.transform = "scaleX(-1)"; frame.style.left = frame.offsetLeft-20+"px"; }
});
Running boy - Script Codes
Running boy - Script Codes
Home Page Home
Developer João Neto Guimarães
Username netoguimaraes
Uploaded January 19, 2023
Rating 3
Size 1,851 Kb
Views 8,096
Do you need developer help for Running boy?

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!

João Neto Guimarães (netoguimaraes) Script Codes
Name
Flexbox acordion
Search Users animation
Hover img with ocult button
Cars going
Clip path css
Create amazing Facebook ads 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!