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

Pos: 4

Val: 2.019

Ha mantenido su posición en JavaScript (en relación al último mes)

Experimento con figuras, colores, etc.

JavaScript

Publicado el 18 de Enero del 2020 por Scriptshow (141 códigos)

987 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 2020

gráfica de visualizaciones de la versión: 1.0

988 visualizaciones desde el 18 de Enero del 2020

<!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...

CerrarCerrar

Es necesario revisar y aceptar las políticas de privacidad

Acepto las políticas de privacidad

http://lwp-l.com/s5828

Convertir un numero a binario

Buscar la posición de todos los elementos en un array

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

Requerimientos

1.0

Comentarios sobre la versión: 1.0 (0)

Comentar la versión: 1.0

Tienes que ser un usuario registrado para poder insertar imágenes, archivos y/o videos.