Alat Gratis Untuk Menghias Website

Seperti kita ketahui, desain sebuah website sangat mempengaruhi pandangan calon pembeli atau pengunjung setia blog kita. Dengan memiliki perpaduan warna yang sesuai, tata letak yang responsif atau desain yang eye catching akan sangat memanjakan pengunjung website dan tentunya akan menentukan langkah mereka selanjutnya.

Kali ini RDS Creative akan memberikan tools online yang wajib diketahui bagi kalian yang ingin mempercantik desain website.

1. CSS Gradient

Dalam website resminya dijelaskan bahwa,

CSS Gradient adalah situs web kecil yang menyenangkan dan tool gratis yang memungkinkan Anda membuat latar belakang gradasi untuk situs web. Selain sebagai generator css gradasi, situs ini juga penuh dengan konten berwarna-warni tentang gradasi dari artikel teknis hingga contoh gradasi seperti yang ada pada Stripe dan Instagram.

Kalian bisa mengunjungi alamat website https://cssgradient.io/ untuk melihat warna-warna gradasi yang mereka contohkan dan kalian tinggal copy saja coding css nya lalu paste ke file css kalian. Disana tidak hanya terdapat pilihan css untuk Background saja tapi juga bisa kalian terapkan pada warna tombol kustom.

2. CSS Box Shadow Generator

Nah, apa sebenarnya fungsi dari tool Box Shadow ini, tool online ini bisa kalian gunakan untuk mengkustom sebuah frame foto yang kalian tampilkan ataupun untuk menghias sebuah elemen yang bisa sekedar ditambahkan border atau border-radius bahkan shadow. Kalian tidak perlu susah-susah untuk mengetiknya code yang akan menghasilkan sebuat css border, shadow atau warna elemen box, karena pada tool tersebut otomatis menghasilkan code yang tinggal kalian copy paste saja. Kalian bisa mengunjungi website https://cssgenerator.org untuk mencobanya.

3. AOS (Animate On Scroll Library)

Kali ini akan kami tunjukkan sebuah library untuk membuat sebuah elemen pada website yang ketika muncul akan diiringi sebuah gerakan animasi.

Library ini sudah banyak digunakan pada desainer-desainer website terkemuka yang modern untuk memperindah sebuah elemen ketika skroling agar tidak terlihat kaku.

Library ini dibuat oleh seorang dalam akun github yang bernama Michalsnik, kalian bisa mengunjungi website https://michalsnik.github.io/aos/ untuk melihat contoh code yang bisa kalian terapkan.

4. Devider Shape

Devider shape yang bisa diartikan elemen pembatas, biasa digunakan ketika kita memberikan tanda atau sebuah batas antara section satu dengan section yang lain. Bisa kita terapkan pada keduanya atau hanya dibawah dan atas section saja. Kita bisa memberikan elemen pembatas berupa garis atau bentuk yang bergelombang, bahkan sebuah animasi gelombang.

Untuk lebih jelasnya kalian bisa kunjungi website https://getwaves.io/ dan seperti biasa kalian tinggal copy paste saja code yang sudah digenerate dari hasil pengaturan yang kalian inginkan.

5. Text Animasi

Tool terakhir yang kami tunjukkan adalah membuat sebuat text animasi atau tulisan bergerak. Efek ini kita bisa terapkan pada sebuah judul atau nama sebuah produk yang kita tawarkan. Ada beberapa contoh efek animasi tulisan yang bisa kita terapkan, tentunya akan mempercantik dan membuat website beda dari yang lain. Untuk mengetahui lebih lanjut silakan kalian buka https://tobiasahlin.com/moving-letters/ sebuah library karya Tobias Ahlin Bjerrome dari Swedia.

Semoga bermanfaat informasi yang sudah kami berikan, semoga bisa mempercantik desain website kalian.

Terima kasih dan jika kalian ingin membuat sebuah website yang cantik dan responsif untuk diri sendiri ataupun untuk perusahaan dimana kalian bekerja, kalian bisa menghubungi Kami.

Salam Sukses

RDS Creative | #Jasa Pembuatan Website Surabaya