Info Tentang Cara mudah menambah efek glossy dengan CSS 3 Update Terbaru 2017 Gratis

Sedikit Info Seputar Cara mudah menambah efek glossy dengan CSS 3 Terbaru 2017 - Hay gaes kali ini team Senyawa Android, kali ini akan membahas artikel dengan judul Cara mudah menambah efek glossy dengan CSS 3, kami selaku Team Senyawa Android telah mempersiapkan artikel ini untuk sobat sobat yang menyukai Senyawa Android. semoga isi postingan tentang Artikel Web, yang saya posting kali ini dapat dipahami dengan mudah serta memberi manfa'at bagi kalian semua, walaupun tidak sempurna setidaknya artikel kami memberi sedikit informasi kepada kalian semua. ok langsung simak aja sob
Judul: Berbagi Info Seputar Cara mudah menambah efek glossy dengan CSS 3 Full Update Terbaru
link: Cara mudah menambah efek glossy dengan CSS 3
"jangan lupa baca juga artikel dari kami yang lain dibawah"

Artikel Terbaru Cara mudah menambah efek glossy dengan CSS 3 Update Terlengkap 2017

Jika kita terinspirasi dengan tampilan iDevice yang silau. Kini kita dapat menerapkannya di blog kita sendiri.

langsung saja kita mulai membuat efek glossy dengan CSS. Saya akan menggunakan cara yang termudah karena saya sendiri tidak ada latar belakang webdesain.

1. Sekarang kita menuju Gradient Editor

2.

Pilih salah satu template gradien yang anda suka. Jika tidak ada yang sesuai keinginan kita bisa membuat gradien dengan warna pilihan sendiri. 

Kita ambil contoh yang hitam saja. Biar lebih mudah, kita mulai dari awalr saja. Hapus titik-titik yang dibawah sehingga menjadi hitam seperti gambar dibawah ini. Cara menghapusnya klik pada penunjuk lalu klik tombol delete. Penunjuk yang di atas untuk mengatur transparansi sedangkan penunjuk yang dibawah adalah batas untuk warna.





Menambah efek glossy putih.
Kita akan membuat glossy hitam dengan putih.
Klik penunjuk kiri bawah lalu klik Color kemudian pilih warna putih. Buat penunjuk kedua beri warna hitam.
Untuk memperlebar jangkauan glossy kita set nilai Location titik kedua.

Sekarang kita sudah bisa menambah efek glossy yang sederhana. Untuk efek lebih banyak anda bisa menambahkannya lagi.


Sekarang kita sudah mendapatkan kode CSS glossy. Centang IE9 Support agar bisa tampil bagus pada peramban Internet Explorer. 

Kita sudah mendapatkan kode CSS glossy. Sekarang kita tinggal menambahkan class pada kode CSS tersebut. misal .glossy { kode css }. Untuk menerapkannya dengan HTML berikut <div class="glossy"> kode HTML</div>


Itulah sedikit Artikel Cara mudah menambah efek glossy dengan CSS 3 terbaru dari kami

Semoga artikel Cara mudah menambah efek glossy dengan CSS 3 yang saya posting kali ini, bisa memberi informasi untuk anda semua yang menyukai Senyawa Android. jangan lupa baca juga artikel-artikel lain dari kami.
Terima kasih Anda baru saja membaca Artikel Tentang Cara mudah menambah efek glossy dengan CSS 3

Related Posts :