26 March 2022

Keunikan Multiple Background dengan CSS3

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ الرَّحِيم

Keunikan Multiple Background dengan CSS3

Multiple Background pada teknik CSS bisa menghasilkan gambar seolah gambar itu memiliki banyak background. Nyatanya ini hanya sebuah permainan teknik Cascading Style Sheet. atau kita sebut CSS.

Bermula dengan koding CSS yang menjalar menjadi sebuah keunikan tersendiri dari hasil kreativitas. Sehingga sebaik mungkin kita mengunggulkan teknik-teknik tertentu untuk hasil yang maksimal.

Baca Juga : Variasi Text Area dengan CSS di Postingan Blog

Sekarang kita mulai saja mengutak-atik kode yang akan tertera dibawah. Sekali lagi dengan pemahaman dan tekun belajar, semuanya tidak ada yang mustahil. Ilmu hanya akan hinggap pada mereka yang mau belajar. Bener nggak sih?

Mutiple background. So tidak perlu menunggu lama, kita langsung saja.

Keunikan Multiple Background dengan CSS3


Masuk ke template lagi ya teman-teman. Temukan kode ]]></b:skin>. Ini biasanya letaknya di tengah-tengah struktur template, ngumpet nih kode. Jadi perhatikan benar-benar ya. Setelah itu tempelkan kode dibawah ini tepat diatas kode ]]></b:skin> tersebut diatas. Berikut kodenya :
<style type='text/css'>
.alifacodemultiple {
-moz-box-shadow: 0 0 10px 5px black, 40px -30px lime, 40px 30px 50px red, -40px 30px yellow, -40px -30px 50px blue;
-webkit-box-shadow: 0 0 10px 5px black, 40px -30px lime, 40px 30px 50px red, -40px 30px yellow, -40px -30px 50px blue;
box-shadow: 0 0 10px 5px black, 40px -30px lime, 40px 30px 50px red, -40px 30px yellow, -40px -30px 50px blue;
}
</style>


Setelah itu untuk memanggil kode itu keluar dengan sempurna, kalian mesti menempatkan kode berikut ini di postingan. Kodenya seperti berikut :
<img class="alifacodemultiple" src="URL image kalian" border="0">


Catatan : untuk URL Image Kalian ganti dengan URL gambar milik kamu ya.


Terakhir save dan lihat blog kalian. Sudah ada khan gambar dengan banyak background. Nah itu yang dimaksud dengan Multiple Background. Sangat mudah bukan? Ayo dipraktekkan dong ya. Supaya gambar di blog kamu semakin menarik dan indah dipandang. Sekian saja tutorial yang kami berikan. Terima kasih yang sudah mampir dan membaca artikel Keunikan Multiple Background dengan CSS3. Terima kasih ya semuanya. Salam.

Bagikan ke teman-teman kamu
Label Postingan : CSS

Terima kasih ya udah mempraktekkan tutorial blog di web alifacode.com dengan judul Keunikan Multiple Background dengan CSS3 . Semoga tutorial blog ini dapat bermanfaat. Salam Blogger.

Comments

Pesan berupa SPAM, Sara, Iklan, Pornografi, Broken link dan Link Aktif akan kami hapus. Berkomentarlah dengan sopan dan mengikuti panduan mengemukakan pendapat yang baik.
EmoticonEmoticon