InicioHazlo Tu Mismoflasha con html5 y css3 (recomendado)

flasha con html5 y css3 (recomendado)

Hazlo Tu Mismo12/4/2011
bueno amigos, dado que el de tutorial de photoshop es una mierda vengo a defenderme en mi area especializada

programacion web.

como muchos sabran salio HTML5 y CSS3 que son la alternativa para pegarle una patada en el culo a FLASH y con ellos se pueden hacer muchisimas cosas.

hoy, voy a explicarles como flashar un poco con HTML5 y CSS3

para verlo tienen que hacer CLICK ACA

bueno, en esa pagina les va a aparecer algo asi:





bueno, eso va a ir cambiando de colores muy alocadamente al mover el cursor... PSICODELICO









bueno, y como no quiero solamente traerles esto les voy a mostrar como hacerlo ustedes mismos

si no saben nada de diseño o programacion copien y peguen el siguiente codigo en un bloc de notas y guardenlo con formato .HTML

[color=#000000]<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8 />
<title>Canvas Gradient by Alex Halversen</title>
<style>
body {
  background: #000;
}
canvas {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
</style>
</head>
<body>
<!---Alex Halversen © 2011--->
<canvas height="600" width="600"></canvas>
<script>
var canvas = document.getElementsByTagName('canvas')[0],
    ctx = null,
    grad = null,
    body = document.getElementsByTagName('body')[0],
    color = 255;
    
if (canvas.getContext('2d')) {
  ctx = canvas.getContext('2d');
  ctx.clearRect(0, 0, 600, 600);
  ctx.save();

  grad = ctx.createRadialGradient(0,0,0,0,0,600); 
  grad.addColorStop(0, '#000');
  grad.addColorStop(1, 'rgb(' + color + ', ' + color + ', ' + color + ')');


  ctx.fillStyle = grad;


  ctx.fillRect(0,0,600,600);
  ctx.save();
  
  body.onmousemove = function (event) {
    var width = window.innerWidth, 
        height = window.innerHeight, 
        x = event.clientX, 
        y = event.clientY,
        rx = 600 * x / width,
        ry = 600 * y / height;
        
    var xc = ~~(256 * x / width);
    var yc = ~~(256 * y / height);

    grad = ctx.createRadialGradient(rx, ry, 0, rx, ry, 600); 
    grad.addColorStop(0, '#000');
    grad.addColorStop(1, ['rgb(', xc, ', ', (255 - xc), ', ', yc, ')'].join(''));
    // ctx.restore();
    ctx.fillStyle = grad;
    ctx.fillRect(0,0,600,600);
    // ctx.save();
  };
}

var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script>
try {
var pageTracker = _gat._getTracker("UA-1656750-18");
pageTracker._trackPageview();
} catch(err) {}</script>
<!---Alex Halversen © 2011--->
</body>
</html>[/color]


asi que ya saben. pasen el cursor rapido por la pantalla para quedar FLASHADOS
Datos archivados del Taringa! original
53puntos
1,670visitas
0comentarios
Actividad nueva en Posteamelo
0puntos
1visitas
0comentarios
Dar puntos:

Dejá tu comentario

0/2000

Autor del Post

O
Usuario
Puntos0
Posts66
Ver perfil →
PosteameloArchivo Histórico de Taringa! (2004-2017). Preservando la inteligencia colectiva de la internet hispanohablante.

CONTACTO

18 de Septiembre 455, Casilla 52

Chillán, Región de Ñuble, Chile

Solo correo postal

© 2026 Posteamelo.com. No afiliado con Taringa! ni sus sucesores.

Contenido preservado con fines históricos y culturales.