Cara membuat background animasi RGB

Assalammualaikum wr. wb.

Cara membuat background animasi rgb, halo kembali lagi  dengan admin. Kali ini admin akan memberikan bagaimana membuat background menjadi animasi rgb. Background ini sangat cocok untuk diterapkan di background header atau tombol button, dan masih banyak yang lain.

Background, atau juga di kenal latar belakang. Merupakan salah satu komponen desain yang sangat cukup penting. Background digunakan untuk memberikan dekoarasi visual terhadap sebuah elemen, yang akan mengakibatkan peningkatan dalam kemudahan nalar atau pengertian akan sebuah konten konten. Background juga memiliki pengaruh yang sangat penting, terhadap sebuah website.

CSS memberikan kita dalam kemampuan penuh untuk mengatur latar belakang dengan mudah dalam meningkatkan keindahan visual dari sebuah elemen. Oke tanpa berbasa basi silakan copy scriptnya, untuk demonya seperti di bawah ini.

Demo

DEMO | OMAHNIME

script | CSS

background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3); background-size: 1800% 1800%; -webkit-animation: rainbow 18s ease infinite; -z-animation: rainbow 18s ease infinite; -o-animation: rainbow 18s ease infinite; animation: rainbow 18s ease infinite;} @-webkit-keyframes rainbow { 0%{background-position:0% 82%} 50%{background-position:100% 19%} 100%{background-position:0% 82%} } @-moz-keyframes rainbow { 0%{background-position:0% 82%} 50%{background-position:100% 19%} 100%{background-position:0% 82%} } @-o-keyframes rainbow { 0%{background-position:0% 82%} 50%{background-position:100% 19%} 100%{background-position:0% 82%} } @keyframes rainbow { 0%{background-position:0% 82%} 50%{background-position:100% 19%} 100%{background-position:0% 82%} }

itulah artikel yang dapat admin dapat sampaikan, semoga dapat bermanfaat, jangan lupa tinggalkan komentar tentang artikel ini, jangan lupa share juga. sekian dan terima kasih.

Wassalammualaikum wr. wb.

Keyword

• Cara membuat background animasi RGB
• Cara memberikan background animasi RGB
• Cara memberikan animasi RGB
• Cara animasi

Share this post