CSS3 box shadow gradient dan border

Dalam artikel sebelumnya yaitu Membuat website pertama dengan html dan css, disana Saya menuliskan script tombol menu (Menu button) menggunakan CSS yang ada border, border radius, shadow dan warna gradient.


Mungkin sedikit dari sebagian ada yang bertanya, apakah itu sulit atau bagaimana membuatnya ?, memang jikalau harus menggunakan “kira-kira” akan nilai yang ditetapkan ini memang akan sulit untuk bisa menemukan hasil dari perkiraan tersebut.

Setidaknya membuat hal semacam itu (CSS Box) harus di ikuti dengan prakteknya, dan di visualisasikan hasilnya, untuk mendapatkan nilai atau visualisasi yang pas, mungkin harus beberapa kali mencoba dengan mengubah nilai yang di inginkan.

Tapi jika memang sudah terbiasa mendesain sebuah CSS box dengan border, radius, warna gradient, shadow serta opacity nya, ini mungkinlah bukan suatu hal yang sulit lagi, lalu bagaimana dengan yang belum terbiasa atau baru mulai belajar ?

Mari kita lihat gambar di bawah ini.

Dari gambar diatas, sepintas mampukah kita mendefinisikan nilai dari attributnya ?
Sepertinya akan lama menyebutkan satu per satu nilai atau attribut yang digunakan pada masing masing box yang ada pada gambar diatas bukan, tetapi jangan kuatir, hal tersebut sekarang bukan lagi menjadi persoalan, karena membuat box-box css seperti diatas sudah banyak sekali situs situs penyedia layanan membuat box css semacam itu.

Jika anda mempunyai minat untuk membuat box css seperti itu, Anda sangatlah tepat berada di halaman ini, mengapa ? Karena Saya ingin memfasilitasi anda dalam berimajinasi membuat css box shadow gradient dan border seperti diatas.

Ok, langsung saja ke CSS Box generator (terbuka di tab baru), anda akan saya ajak berimajinasi membuat css box yang keren, mungkin…. 😀
Selamat berimajinasi, semoga anda suka dengan tool tersebut.

CSS3 Box generator tool, https://my-id.site/cssme/

Mungkin Anda Menyukai