Paragraf dengan efek timbul

  • Profile Image
    bundaazka0704
    Ditanyakan pada tanggal 30 Agustus 2025 pukul 09.13

    Bagaimana jg menjadikan latar belakang paragraf seperti timbul?

    https://www.jotform.com/id/build/252267500639054

  • Profile Image
    Sigit_W
    Dibalas pada tanggal 30 Agustus 2025 pukul 09.30

    Hi Elfina,

    Terima kasih telah menghubungi dukungan Jotform. Bila Anda ingin membuat latar belakang paragraf seperti timbul, itu mudah dengan menyuntikkan kode CSS ke formulir Anda. Mari saya jelaskan caranya:

    1. Pertama, salin kode ini:

    #text_14 p {
    
  font-size: 1.1rem;          /* slightly larger text */
    
  line-height: 1.6;           /* better readability */
    
  padding: 12px 16px;         /* space inside */
    
  background: #fff8f0;        /* soft background */
    
  border-radius: 12px;        /* rounded corners */
    
  box-shadow: 0 4px 12px rgba(0,0,0,0.15); /* shadow effect */
    
  margin-bottom: 16px;
    
  transition: transform 0.2s ease-in-out;
    
}
    

    
/* Hover effect to make it more engaging */
    
#text_14 p:hover {
    
  transform: translateY(-3px);
    
  box-shadow: 0 6px 16px rgba(0,0,0,0.2);
    
}

    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 screenshot saya di bawah ini untuk melihat hasilnya:

    Paragraf dengan efek timbul Image 1 Screenshot 20

    Cobalah dan beritahu kami bagaimana hasilnya.