WEBLEB
Início
Editor
Entrar
Pro
Português
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Jelly Slider animado
110
codex
Abrir no Editor
Publique Seu Código
Recomendado
20 September 2025
Demonstração de fogos de artifício animados em CSS, vaga-lumes e girassóis
16 October 2025
Fundo animado CSS e efeitos de carregamento
2 August 2025
Formulário de registro HTML animado
HTML
Copy
<style> #attribution { opacity: 1; position: absolute; bottom: 0.625rem; left: 50%; transform: translateX(-50%); z-index: 2; background-color: rgba(0, 0, 0, 0.7); color: white; padding: 0.75rem 1rem; border-radius: 0.625rem; user-select: none; pointer-events: auto; transition: opacity 0.5s; font-size: 1rem; text-align: center; white-space: nowrap; } #attribution a { color: #87ceeb; text-decoration: none; cursor: pointer; } #attribution a:hover { text-decoration: underline; } </style> <div style="margin-top:50%;text-align:center;"><a style="text-decoration:none; font-size:24px;" href="https://docs.swmansion.com/TypeGPU/examples/#example=rendering--jelly-slider">Code Here</a></div> <div id="attribution"> Inspired by work of <a href="https://x.com/cerpow/status/1964953851603358112" target="_blank" >Voicu Apostol</a> </div> <canvas></canvas>
CSS
Copy
<!-- Replace with your CSS Code (Leave empty if not needed) -->
JS
Copy
/* Replace with your JS Code (Leave empty if not needed) */
