Ver Mensaje Individual
  #2 (permalink)  
Antiguo 08/10/2012, 14:39
Avatar de C2am
C2am
 
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 15 años, 10 meses
Puntos: 306
Respuesta: como se hace este efecto opacity

1- sí, es una imagen

2- sí la caja con bordes redondeados es posible hacerla con css3, y ya no necesita de prefijos:
Código CSS:
Ver original
  1. .borderedondos{border-radius:10px}
.
En cuanto a como se hizo en el ejemplo, usó imágenes para los bordes redondeados, lo cual ya no es necesario.
En cuanto al título CSSZENDGARDEN es una imagen usada como fondo en un <h1>, aunque se podría hacer con text-shadow, junto con font-face

3- prueba con rgba para el fondo: http://www.w3schools.com/cssref/tryi...css_color_rgba
En cuanto al ejemplo, también uso imágenes para lograr ese efecto, aunque usó jpg, yo hubiera usado un png con transparencias.

Supongo que la página es bastante viejita, digo, de hace 3 años por lo menos, ya que de no ser así, es bastante decepcionante que en csszendgarden, un icono del css, no se use css puro para estos efectos, más allá de la conveniencia y del soporte que le puedan dar los navegadores

Para ver el ejemplo que presenta vani18.

Saludos
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--

Última edición por C2am; 08/10/2012 a las 14:59