Blog Request tutorial? klik disini!

  • CSS Trik: Membuat Button Dengan Efek Glossy

    Ditulis oleh: Reza Indra Gunawan
    806 kali dibaca
    20 Nov / 2014 23:43

    Jangan pernah berhenti mencari banyak tips dan trik tentang CSS, ini bisa membuat kamu jadi yang paling jago diantara teman-teman kamu, tapi jangan lupa untuk berbagi jika kamu mendapatkan tips trik yang keren. Seperti yang saya akan lakukan, membagi tips bagaimana membuat efek button Glossy.

    Membuat efek Glossy tidak hanya pada editor Photoshop, namun kita membuatnya dengan menggunakan CSS3. Membuat efek glossy banyak memainkan background linear gradient, ditambah efek box shadow, dan border untuk pemanis. Ini adalah salah satu button CSS yang paling keren yang saya pernah buat.

    Silahkan copy source nya dalam codepen di bawah.

    See the Pen raaJbR by Reza Indra Gunawan (@rezaindragunawan) on CodePen.






Baca juga

Rukan Artha Gading Niaga Blok i - 23, Jalan Boulevard Artha Gading

Kelapa Gading, Jakarta Utara 14240

(Belakang Mall Artha Gading)

Telp: (021) 4585-0387


Ruko Permata Regensi Blok B - 18, Jalan Haji Kelik

Srengseng, Kebon Jeruk, Jakarta Barat 11630

(Depan Hutan Kota Srengseng)

Telp: (021) 5890-8355


Ruko Jalan Taman Daan Mogot Raya No. 23

Kel. Tanjung Duren Utara Kec. Grogol Petamburan, Jakarta Barat 11470

(Belakang Mall Citraland dan Kampus UNTAR II)

Telp: (021) 2941-1188


Ruko Jalan Kartini Raya No. 53

Pancoran Mas, Depok 16436

(± 5 Menit dari Kantor Walikota Depok)

Telp: (021) 7720-7657


Rukan Crown Palace Blok A no 12, Jl Prof Dr Soepomo no 231 (Samping Universitas Sahid).

Kec. Tebet, Kel. Menteng Dalam.

(± 1 Menit dari Tugu Pancoran)

Jakarta Selatan 12870

Telp: (021) 2298-3886

Buka setiap hari Senin - Minggu jam 09.00 s/d 21.00

SMS: 0851-0055-5666 / 0819-7555-666 / 0812-9933-3913 / 0812-9393-3210 / 0812-1999-9155