WEBLEB
Startseite
Editor
Anmelden
Pro
Deutsch
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Animierter Wackelpudding-Slider
107
codex
Im Editor öffnen
Veröffentlichen Sie Ihren Code
28 November 2024
Animierter Link-Hover
27 September 2025
CSS-animierter Hintergrund mit Formen und Text
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) */
