Código de JavaScript - Experimento con figuras, colores, etc.

Imágen de perfil
Val: 1.522
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Experimento con figuras, colores, etc.gráfica de visualizaciones


JavaScript

Publicado el 18 de Enero del 2020 por Scriptshow (137 códigos)
334 visualizaciones desde el 18 de Enero del 2020
Saludos,

un experimento de figuras simples creadas con DHTML. El tamaño, forma y color de los bordes, las definen. Mejor veamos el resultado...

Espero sea útil.

Requerimientos

Un navegador y/o dispositivo compatible

1.0

Publicado el 18 de Enero del 2020gráfica de visualizaciones de la versión: 1.0
335 visualizaciones desde el 18 de Enero del 2020
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

colors
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style type="text/css">
.test
{
width: 0px;
height: 0px;
margin: auto;
border-top: 280px solid #44DDDD;
border-left: 280px solid #DDDDDD;
border-right: 280px solid #DDDDDD;
border-bottom: 280px solid #DDDD44;
}
</style>
<script>
setInterval(function() {
var test = document.querySelectorAll(".test");
test[0].style.borderRightColor = "rgb("+Math.round(Math.random()*256/1)+","+Math.round(Math.random()*256/1)+","+Math.round(Math.random()*256/1)+")";
test[0].style.borderLeftColor = "rgb("+Math.round(Math.random()*256/1)+","+Math.round(Math.random()*256/1)+","+Math.round(Math.random()*256/1)+")";
}, 2000);
</script>
</head>
<body>
<div class="test"></div>
</body>
</html>



Comentarios sobre la versión: 1.0 (0)


No hay comentarios
 

Comentar la versión: 1.0

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios
Es necesario revisar y aceptar las políticas de privacidad

http://lwp-l.com/s5828