Opacidad del 0% al 100%

[xposht]

Hola buenas que tal, estoy proyectando a hacer una página web y quiero usar HTML5 y CSS3, ya que el mercado actual está con estos estándares. Por lo tanto necesito a hacer un efecto parecido a esto para hacer la web dinámica:
[URL="http://www.weshenry.com/index.html"]http://www.weshenry.com/index.html[/URL]
Es un efecto donde las imágenes cargas con opacidad. Quisiera saber que código usa o como está programada, si tienen un tutorial a la mano ayudarme o también saben el nombre del efecto y poder buscarlo también. Saludos

[blancoarnau]

Aquí hay el tutorial

[pzin]

Pues si lo quieres hacer con CSS no deberías de publicar en el foro de JavaScript.

Puedes crear una animación para todas las imágenes:

Código CSS:

img {
  animation: opacidad_al_cargar_pagina .5s forwards;
}
 
@keyframes opacidad_al_cargar_pagina {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
 

Siempre mejor (y necesario según) añadiendo los prefijos propietarios, claro.