WEBLEB
Home
Editor
Login
Pro
English
English
Français
Español
Português
Deutsch
Italiano
हिंदी
CSS Attribution Footer: Absolute Positioning
33
strl4life
Open In Editor
Publish Your Code
Recommended
9 September 2023
CSS Button Hover Effect
12 September 2025
CSS Animation: "Fake It Till You Make It
8 July 2025
Character choose with preview card animation (CSS sprites)
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) */
