PromptBase
🤖 GPT
Create an animated scroll-to-top button using HTML, CSS, and keyframe animations.
Create an easy-to-follow tutorial on how to implement a scroll-to-top button with smooth animation using HTML, CSS, and keyframe animations.
...more
$3.99
After purchasing, you will gain access to the prompt file which you can use with GPT or the app builder. You'll receive 20 free generation credits with this purchase. By purchasing this prompt, you agree to our terms of service.
Over 1 month ago
Prompt Details
Model
Chat - GPT-4 (gpt-4)
Token size
106 ($0.00320 / call)
Example input
small part of Prompt input:
Explain the step-by-step process, including the HTML structure setup, CSS styling, and keyframe animation logic. Ensure that the button functions are correct and effective by testing in a web browser
Example output
Small part of output:
#scroll-to-top {
position: fixed;
bottom: 20px;
right: 20px;
background-color: #333;
color: #fff;
padding: 10px;
border-radius: 50%;
cursor: pointer;
opacity: 0;
transition: opacity 0.3s ease-in-out;
}
#scroll-to-top i {
font-size: 24px;
}