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;
}
Instant access
Commercial use
Money‑backBy purchasing this prompt, you agree to our terms of service
1
Favorites
35
Views
GPT-4
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
Added over 1 month ago
