⭐After a lot of experimenting, I finally figured out how to stop my⭐ backgrounds from being fixed in place and layer them accordingly!
I was struggling a lot trying to figure this out, but I realized I didn't separate my links correctly with commas and semicolons, and didn't change the background-attachment to 'fixed' for either of them.
<style>
body
{background: url("https://static.wikia.nocookie.net/cookierunkingdom/images/c/c5/Shark_giphy_1.gif"), url("https://images.saymedia-content.com/.image/t_share/MTc0MTM0OTg3MzUwNjE1MzU1/top-ten-items-to-have-on-a-deserted-island.jpg");
background-repeat: no-repeat, no-repeat; background-position: bottom right, center; background-attachment: fixed; background-size: 250px, 1550px;
</style>
I also made an animated intro! I used heath's Profile Intro Animation code, inserted this gif and changed yourAnimation 3s to 7s:
yourAnimation 3s ease 0s 1 normal forwards;
||
\/
yourAnimation 7s ease 0s 1 normal forwards;
⚓New goal: Add music in sync with intro.⚓
💡If you have any recommendations or criticism, feel free to tell me!💡
💙Thanks for being patient with me in my HTML/CSS journey!💙
Comments
Displaying 0 of 0 comments ( View all | Add Comment )