El atributo de opacidad especifica la transparencia de un objeto o de un grupo de objetos.
Sintaxis:
opacity= "opacity"
Valores de atributos:
- decimal: el decimal en el que queremos que nuestro elemento sea opaco
Usaremos el atributo de opacidad para establecer la opacidad del elemento.
Ejemplo 1: En este ejemplo, usaremos el atributo de opacidad para establecer la opacidad del elemento circular.
<!DOCTYPE html> <html> <body> <svg viewBox="0 0 700 350" xmlns="http://www.w3.org/2000/svg"> <circle cx="50" cy="50" r="40" fill="green" /> <circle cx="150" cy="50" r="40" fill="green" opacity="0.3" /> </svg> </body> </html>
Producción:
Ejemplo 2: En este ejemplo, usaremos el atributo de opacidad para establecer la opacidad del elemento del rectángulo.
<!DOCTYPE html> <html> <body> <svg viewBox="0 0 700 350" xmlns="http://www.w3.org/2000/svg"> <rect height="50" width="50" fill="green" opacity="0.3" /> </svg> </body> </html>
Producción:
