Paper pop-up untuk visual explainer
Dua cuplikan Home menampilkan ide animasi paper pop-up dengan Claude. Yang tersedia hanya teks terpotong, bukan tutorial atau file skill lengkap. Adaptasi di sini adalah demo CSS orisinal yang dapat dibuka dan dimainkan.
- Input
- Ide visual dan 3–5 objek
- Output
- Demo HTML interaktif
- Tool
- Browser · HTML/CSS/JS untuk adaptasi demo
Pelajari teknik, edit draft & lihat sumber
Demo HTML interaktif
Buku dengan tiga bunga kertas; tombol buka/tutup mengubah lipatan CSS. Belum berupa MP4 dan belum menguji workflow Claude penulis.
Bukti: Browser: tombol buka mengubah aria-expanded menjadi true dan menampilkan status buku terbuka.
Cara pakai · Teknik yang bisa dicoba
Prasyarat: Browser modern untuk mencoba demo. Dasar HTML/CSS/JS untuk mengubah contoh; tidak perlu memasang skill.
- Pecah topik menjadi 3–5 elemen visual.
- Susun elemen sebagai lapisan kertas dengan titik lipat di bawah.
- Gerakkan transform lipatan, lalu beri jeda kemunculan tiap objek.
- Periksa keterbacaan di mobile dan hormati reduced motion.
Verifikasi: ikuti langkah, bandingkan hasil dengan deskripsi dan bukti lokal di Ringkasan. Demo tidak membuktikan klaim tool pihak ketiga.
Konten
Format: Teks Hook / Isi / CTA · Status editorial: draft, perlu review. Bukan posting terjadwal.
· Versi awal · belum diedit
Tweet sumber · 2
Cuplikan dapat terpotong. Ringkasan adalah interpretasi editorial; buka sumber asli untuk konteks.
Claude Code makes paper pop-up books now u name a subject, answer 2 questions, OK the stills (mine: Earth's extrem… https://t.co/z6NZVNkQMY
Buka tweet asli ↗claude animation is F*CKING cracked u can now make paper pop-up book animation like these with claude u can also… https://t.co/sVNB98HSpA
Buka tweet asli ↗