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);
}

Komentar

dapat tempat mainan baru nih untuk belajar css... baru pertama kali main kemari..
fb mengatakan…
Ternyata dengan rgba bisa juga untuk membuat jadi transfaran ya.. bisa dicoba sob.. Thanks infonya... Gimana kabarnya juga sob...
Chugy mengatakan…
Ia brad lebih mudah..!!! Alhamdulillah baek2 saja gkgkgkg.!!! aktif terus ni blogging'a!
Chugy mengatakan…
Terima kasih..!! welcomelah di blog ini
xamthone plus mengatakan…
wahhhhh ia memang betul sulit banget cara untuk transfaran pada background, tp untung setelah liat web ini saya jadi tau caranya gimana..makasih yagan ;)
MULTI AJAIB mengatakan…
Hehhee kalau saya sih biasanya pakai

box-shadow: 10x 10px 10px 10px #1a1a1a
Unknown mengatakan…
Komentar ini telah dihapus oleh administrator blog.
pemilik toko mengatakan…
Izin berkunjung dan nyimak artikelnya gan??
obat herbal tbc mengatakan…
terimakasih telah berbagi
paling demen saya dulu dengan blog transparan mas, mp ngejar kemana - mana untuk nyari tutorialnjya

Postingan populer dari blog ini

Motion Tween dan Shape Tween

Mengenal Symbol dalam Animasi Flash

Membuat Bayangan Di Dalam Text