redondo1.html

  1. <!DOCTYPE html>
  2. <html lang="es">
  3. <meta charset="UTF-8">
  4. <title>Gradiente 3</title>
  5. #contenedor {
  6. background-color: black;
  7. color: white;
  8. text-align: center;
  9. background-image: radial-gradient(
  10. at 10% 90%,
  11. red 10%,
  12. yellow 20%,
  13. black 30%);
  14.  
  15. position:absolute;
  16. top:0;
  17. left:0;
  18. width:100%;
  19. height:100%;
  20. }
  21. </style>
  22.  
  23. function mover(event) {
  24. const x = event.pageX;
  25. const y = event.pageY;
  26.  
  27. }
  28.  
  29. </script>
  30. </head>
  31. <body>
  32. <div id="contenedor" onmousemove="mover()">
  33. <h1>Gradiente 3</h1>
  34. <p>
  35. <a href="https://www.w3schools.com/css/css3_gradients.asp">w3schools</a>
  36. </p>
  37. </div>
  38. </body>
  39. </html>

Proinf.net