Enlace web efecto hoja esquina superior navegador? alguien que pueda ayudarme?

[xiscomax]

Buenas, eh visto alguna que otra pagina web en la cual en su esquina superior derecha puede verse un enlace animado "en forma de pliegue de hoja" el cual al pasar con el ratón esta hoja se extiende sobre parte de la web sin afectar la estructura de esta.
Supongo que alguien le sonara haber visto algo similar.

Alguien podría decirme como puedo conseguir ese efecto?
Algún ejemplo oh tutorial para usar?

Siento no poder poner la web donde lo vi, no me acuerdo xD

Salu2

[Bandit]

Hola xiscomax:
Sin ver exactamente lo que quieres conseguir, es un poco complicado poderte ayudar.
Busca en la web algo similar a lo que quieres hacer y pones el link para verlo.

Espero poderte ser de ayuda.

[xiscomax]

Bien parece que eh encontrado el efecto en una web
Lo malo es que es una web erotica no apta para menores, asin que pongo el enlace para (+18) Menores NO

Pueden ver en la esquina superior derecha el efecto que decia.

La cuestion es que es identico al que vi en otros sitios web.
Salu2

[elishet]

No lo he hecho pero creo que podrias conseguir el efecto haciendo de la siguiente manera:

un clip que contenga:

>> 1r frame -- con un stop();-- lo que se ve inicialmente: un movieclip con la esquina con el triangulito pequeño animado (con la animación de cambio de color negro-amarillo shop-don, etc).

>> 2º frame, donde empiece la animación de despliegue, que consistiría en varias capas:

-- capa4: máscara para el pliegue. Interpolación movimiento, esto sería el triángulo que va augmentando y desplazandose para mostrar el pliegue desplegado. (el papel blanco no lo negro)
------- capa3: triangulo plegado --> aquí un simbolo grafico con el contenido del pliegue, que simula el reflejo de lo de abajo. Aquí deberías hacer una interpolación de movimiento, ya que se despliega de arriba a la derecha hacia abajo a la izquierda.

-- capa2: máscara para capa1 --> interpolación de forma triangulo que se iría agrandando para mostrar lo de abajo
------- capa1: la capa de abajo de todo, lo del fondo negro y el contenido "El mejor..." etc...

>> 15 frame (15 o el que sea. Se trata del frame donde termina la animación de despliegue) -- pones un stop();

>>16 frame: animación inversa, plegandose

>> último frame: cuando termina animación pliegue: gotoAndPlay(1);


Lo que debes tener en cuenta, es que las interpolaciones deben estar sincronizadas, mismos frames y velocidad de aceleración, para que todo cuadre.

Entonces pones un código RollOver para que haga play cuando esté encima, con lo que se verá la animación desplegandose y se pararà cuando este del todo desplegado, y un rollout para que vuelva a hacer play cuando quite el mouse de encima, con lo que se verá la animación de pliegue.

Creo que esto funcionaría, espero te sirva.