Need some help with My HTML code

Evening everyone πŸ‘‹ I was wondering if someone might be able to help Me out with My rather messy HTML Code, lol. I should note that I'm still relatively new to HTML/CSS/JS/etc.. so go easy on Me pls πŸ˜… Anyway, I'm trying to create/replicate a sort of.. "introduction-animation" (Sure let's call it that for now, I guess πŸ˜‚) for My website which is similar to the one on this website that I recently discovered: https://resn.co.nz/ If You go ahead and visit the website linked above or just view the attached video (To this Discord post/comment) which is quicker and faster, that is what I'm trying to replicate bit-by-bit, exactly how it looks and functions on the website. So TLDR My goal is to get help from someone here (hopefully) who can help Me recreate that "introduction-animation" or whatever You wanna call it which will then transition into a JavaScript (JS) + CSS / based scene that I've already made on My website. If anyone could help Me out, I would really appreciate it peepoLove Thanks y'all! P.S - Hopefully I'm posting in the right place, if not, I will re-post if need be.
Resn - Digital Experience Agency | Ideation, Design, and Development
Resn is a digital experience agency specializing in creative ideation, digital strategy, user experience, Web3, content strategy, content creation, art direction, design, motion design, animation & 3D, audio and music design, copywriting, web development, e-commerce, game concept and creation, digital installations and activations, advanced inte...
15 Replies
Chris Bolson
Chris Bolsonβ€’13mo ago
I can' help you recreate the loader but I can tell I can say that it was created using GSAP, https://greensock.com/gsap/
XIPureGamer
XIPureGamerβ€’13mo ago
Is the loader You're talking about (Not quite sure what You meant) also made by GSAP?
Chris Bolson
Chris Bolsonβ€’13mo ago
sorry, by loader I was referring to the introduction animation that you are looking to recreate.
XIPureGamer
XIPureGamerβ€’13mo ago
Oh.. right I see. Yeah I didn't really know what to call it Myself lol, if it even had a proper name Do You by chance know if GSAP has a Discord Server? Similar to this one that can provide help Or if there's any community made ones for GSAP
Chris Bolson
Chris Bolsonβ€’13mo ago
I don't know. I have never used it myself.
XIPureGamer
XIPureGamerβ€’13mo ago
Hmm.. ok, I might ask in #general and see if anyone knows if there is one
b1mind
b1mindβ€’13mo ago
They do not have an official discord. They main source of help is provided on their https://greensock.com/forums/forum/11-gsap/
GreenSock
GSAP
For questions related toΒ GreenSock Animation Platform (GSAP).
b1mind
b1mindβ€’13mo ago
one the best support forums left on the net πŸ’š
XIPureGamer
XIPureGamerβ€’13mo ago
Pending Approval <:PES_Reeee:493353112321523722> If only You were a mod on GSAP's forum lol, @b1mind Yay, approved What the hell lmao, Max file size: 0.1MB for a profile pic???
XIPureGamer
XIPureGamerβ€’13mo ago
Lookge
XIPureGamer
XIPureGamerβ€’13mo ago
@b1mind Hey You around? It turns out the GSAP Forum idea wasn't a good idea to say the least, lol. I'm p sure they hate Me and/or are misinterpreting what I'm trying to make/achieve... /me sighs Especially the Admins
Unknown User
Unknown Userβ€’13mo ago
Message Not Public
Sign In & Join Server To View
XIPureGamer
XIPureGamerβ€’13mo ago
Do You mean that it could be made like that with just HTML/CSS/JS..? Or is there anything else included? Actually, probably just CSS now that I think about it 🀦 I'm also not sure how to do keyframe animations yet
Unknown User
Unknown Userβ€’13mo ago
Message Not Public
Sign In & Join Server To View
XIPureGamer
XIPureGamerβ€’13mo ago