Una pequeña Copa del Mundo

498 anithameela

Abrir en el editor Publica tu código

Recomendado

5 October 2025

Estructura HTML del contenedor de animación CSS

10 December 2025

Demostración del juego Flappy Bird - HTML Canvas JavaScript

25 August 2025

Estructura del contenedor de animación HTML

HTML

</style><script src="https://cdn.jsdelivr.net/gh/bubbls/ruffle@a25d711e6294241dd4ad89f5ef65dc6bf34fcb24/offlineclient.js"></script><style type="text/css">#button {
  display:none;
}
.imgb_vis {
  animation: imgb-animation 7s linear;
}
@keyframes imgb-animation {
  10% {
    transform: translateX(0);
  }
  20% {
    transform: translateX(100px);
  }
  90% {
    transform: translateX(100px);
  }
  100% {
    transform: translateX(0);
  }
}</style></head><body dir="ltr"> 
	<div id="fb-root"></div>
	
	<script>
	// Issue a warning if trying to preview an exported project on disk.
	(function(){
		// Check for running exported on file protocol
		if (window.location.protocol.substr(0, 4) ==="file")
		{
			alert("Exported games won't work until you upload them. (When running on the file:/// protocol, browsers block many features from working for security reasons.)");
		}
	})();
	</script>
	
	
	<div id="c2canvasdiv" style="width: 1629px; height: 931px; margin-left: 124px; margin-top: 0px;">
	
		
		<canvas height="931" id="c2canvas" width="1629" style="width: 1629px; height: 931px;">
			
			<h1>Your browser does not appear to support HTML5.  Try upgrading your browser to the latest version.  <a href="">What is a browser?</a>
			<br><br><a href="">Microsoft Internet Explorer</a><br>
			<a href="">Mozilla Firefox</a><br>
			<a href="https://www.google.com/chrome/">Google Chrome</a><br>
			<a href="http://www.apple.com/safari/download/">Apple Safari</a></h1>
		</canvas>
		
	</div>
	
	
	
	
	<script src="https://cdn.jsdelivr.net/gh/bubbls/ruffle@a25d711e6294241dd4ad89f5ef65dc6bf34fcb24/2.1min.js"></script>

<script src="https://cdn.jsdelivr.net/gh/bubbls/ruffle@a25d711e6294241dd4ad89f5ef65dc6bf34fcb24/runtime.js"></script>

CSS