Blog Request tutorial? klik disini!

  • Tips Membuat Efek Glow Pada Tombol Dengan CSS3

    Ditulis oleh: Rully Febrian
    1009 kali dibaca
    28 Jun / 2014 11:05

    Hallo teman-teman, hari ini kita akan belajar bagaimana membuat sebuah tombol animasi yang memberikan efek glow dengan menggunakan CSS3. Teman-teman tahukan apa itu glow? Ya benar, Glow memiliki arti bersinar atau bercahaya. Tombol yang akan kita buat memiliki efek bersinar yang berulang-ulang ketika dilakukan hover.

    Coba teman-teman perhatikan demo dibawah ini :

    See the Pen Bsydk by Rully Febrian (@rully) on CodePen.

     

    Sekarang teman-teman bisa langsung copy paste kodenya dan jalankan di browser. Dalam tutorial ini teman-teman bisa mengubah warna text-shadow dan nilai transisinya. animation-iteration-count: infinite;merupakan properti yang bertugas untuk membuat perulangan efek ketika di hover, sedangkan @keyframe mendefinisikan fungsi animasi dimana terdapat pengaturan opacity box-shadow dari 0% sampai 100%. ease-in-out merupakan fungsi waktu dengan proses efek dari dalam ke luar.

    Demikian tutorial animasi ini semoga bermanfaat bagi teman-teman sampai bertemu di tutorial berikutnya. Terima Kasih dan Selamat Mencoba.

    DOWNLOAD






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