Transparencia en el diseño web

Las transparencias están bastante unidas a un buen diseño, aunque si un diseño no usa trasparencia se puede ver muy bien, y tambien moderno. Y aparte dan un efecto en la vista mucho mejor que un color sólido.
CSS - Opacity

Todo este botón tiene opacity aplicada, lo que da un efecto de “desactivado”.
#anything {
opacity: 0.5; /* 50% transparent */
}
opacity: 0.5; /* 50% transparent */
}
CSS - RGBa

Usando RGBa para un color en CSS puedes dar un nivel de transparencia a cualquier color.
#anything {
background: rgba(0,0,0,0.5); /* 50% transparent */
}
background: rgba(0,0,0,0.5); /* 50% transparent */
}