Transfaran dengan CSS3 Lebih Senada dan Selaras

Membuata transfaran pada background bisa menggunakan kode opacity, namun dengan opacity objek keseluruhan biasanya akan terbawa menjadi transfaran. Dengan penggunaan css3 dengan mengubah nilai “rgba” hal ini bisa dilakukan pada area background-color, border-color maupun color pada text sehingga kesan senada dan selaras akan lebih terlihat. Contoh :

body {
        background: blue ;
}
.main-wraper {
      background : rgba ( 0, 0, 0, 0.1) ;
      border : 1px solid rgba ( 0, 0, 0, 0.3) ;
      color : rgba ( 0, 0, 0, 0.5);
}