Adding highlight effect to radio buttons with CSS

Bisa nggak ya kalau pilihannya dibuat agak berbinar atau ada efek bintang, atau mungkin dua-duanya sekalian? https://www.jotform.com/build/252267500639054/settings/conditions

Hi Elfina,

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:

Berkenaan efek bintang, Anda memberikan detail yang Anda maksud agar kami dapat membantu Anda lebih lanjut, apakah disemua tombol atau hanya tombol yang dipilih, atau apakah di dalam lingkaran tombol yang dipilih.

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

ok, trims