Ejemplo de aplicación estilos ajustar la opacidad de elementos

Imagen con transparencia

            img.tras{
                opacity: 0.2;

            }
            img.tras:hover{
                opacity: 1.0;
            }   
                

Pase el cursor sobre la imagen para cambiar su opacidad

Elemento con transparencia

            .transparente{
                border-style: solid;
                border-color: blue;
                border-width: 4px;
                background-color: lightblue;
                opacity: 0.2;
            }
               
                

Elemento con fondo transparente

            .fondoimagen{
                border: black solid 2px;
                background-image: url("fondo.jpg");
                overflow: auto;
            }

            .fondotransparente{
                margin: 50px;
                border-style: solid;
                border-color: blue;
                border-width: 4px;
                background-color: rgba(0,155,0,0.2);
            }