Cara membuat tampilan berbinar saat tombol radio dipilih

  • Profile Image
    formulirdaftar62
    Ditanyakan pada tanggal 12 Oktober 2025 pukul 01.53

    buat tampilan berbinar saat tombol radio dipilih

    https://www.jotform.com/build/252818571311455

  • Profile Image
    Sigit_W
    Dibalas pada tanggal 12 Oktober 2025 pukul 01.57

    Hi Forda,

    Terima kasih telah menghubungi Dukungan Jotform. Untuk memberikan tampilan berbinar saat tombol radio dipilih, itu mudah dengan menyuntikkan kode CSS ke formulir Anda. Mari saya jelaskan caranya:

    1. Pertama, salin kode ini:

    /* Memberikan tampilan berbinar*/
    
@keyframes pulse {
    
 0% { box-shadow: 0 0 0 0 rgba(255, 118, 136, 0.6); }
    
 70% { box-shadow: 0 0 0 8px rgba(255, 118, 136, 0); }
    
 100% { box-shadow: 0 0 0 0 rgba(255, 118, 136, 0); }
    
}
    

    
.form-radio:checked + label:before {
    
  animation: pop 0.3s ease, pulse 1.5s infinite;
    
}
    
/* Berakhir di sini */

    2. Di Pembangun Formulir, klik ikon Rol Cat di sisi kanan halaman untuk membuka Perancang Formulir.

    3. Sekarang, di menu Perancang Formulir, klik tab Gaya, gulir ke bawah, lalu tempelkan kode ke dalam kotak Suntik Kode CSS. Selesai. Kode akan tersimpan secara otomatis.

    Lihat tangkapan layar saya di bawah ini untuk melihat hasilnya:

    Cara membuat tampilan berbinar saat tombol radio dipilih Image 1 Screenshot 20

    Hubungi kami lagi jika ada hal lain lagi yang dapat kami bantu.