Motion Studio
Full Editor
💻 Buka Editor Kode
LIVE VISUAL PREVIEW
🔄 Refresh
🚀 RENDER VIDEO
⬇️ DOWNLOAD VIDEO
⚙️ Pengaturan Render
Resolusi (WxH)
Durasi (Detik)
Ready.
Editor Kode
×
HTML
CSS
JS
<div class="box"></div>
body { margin: 0; background: #000; display: flex; justify-content: center; align-items: center; height: 100vh; overflow: hidden; } .box { width: 100px; height: 100px; background: linear-gradient(45deg, #ff6b6b, #4ecdc4); border-radius: 10px; animation: pulse 1s infinite alternate; } @keyframes pulse { 0% { transform: scale(1); } 100% { transform: scale(1.5); } }
// Javascript berjalan di dalam iframe
Terapkan Kode