Jump to content

marcelamagana004

Circle Member
  • Posts

    14
  • Joined

  • Last visited

Everything posted by marcelamagana004

  1. Hi Guys, I was just wondering if anyone know if i can achieve this effect on squarespace? that wehn you scroll you have a stack background and images just appears on scroll https://solve-template.webflow.io/home Thanks in advance :)!
  2. Hi, Does anybody knows how i can create this transition on sqps? The "boharat" section that has 2 galleries that changes fast without fading and at different time. https://abdomohamed.com/ I´ve looked and tried a lot of code but nothing works! please if someone know help me!! Thnks in advanced!
  3. Hi, Is it possible to add this type of animation, that when you hover the text appears animated and also the image zooms? example: https://luxcapital.com/companies/ Thank you!!
  4. Hi, Does anyone knows how to create a crossfade animation for two images? for example, i have to images, one of top of the other one and i need them to be like back and forth, like changing that 1 second one image is on top and the other second the second image is on top. I dont know i explained myself, if not please let me know so i can be more specific! Also, does anyone knows how i can create this slider effect to a gallery images? https://abdomohamed.com/ the one in the "boharat" section. Heres a video! Thank you in advanced!! Grabación de pantalla 2022-05-19 a la(s) 19.35.14.mov
  5. https://lilac-bullfrog-8dce.squarespace.com/config/ password: beeleaf Thank you!
  6. Hi, Im trying to create a shrink nav bar so it starts with a big logo and when the users scrolls it becomes smaller (example https://proto-objects.com/) I try using this code: #header .header-title-logo img { transition: max-height 140ms ease-in-out } #header.shrink { .header-announcement-bar-wrapper{ padding-top: 20px!important; padding-bottom: 20px!important; } .header-title-logo img { max-height: 40px; } } Also i tried this one: .header.shrink img { max-width: 120px; transition: all 0.2s ease-in-out } .header img { transition: all 0.2s ease-in-out } Does anyone knows how i can adjust this? Thank you!!
  7. Hi, Does anyone knows how i can create a horizontal menu? i want to use this code but im not an expert and i dont know how to inject this to my hamburger menu to display horizontally. https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_mobile_navbar_hor
  8. Site URL: https://soybean-cyan-248a.squarespace.com/config/design/custom-css Hi, Im trying to create a hover effect on this code. Someone knows how i can add an effect that when someone hovers it appears the yellow and pink blocks again? Also, when i try to change from one page to the one that has the code it likes get stuck and appears the header and the text before the CSS code adjustments. Someone know how i can prevent that? Heres a video so you can understand better my problem 😞 thank you!! Grabación de pantalla 2022-05-04 a la(s) 13.03.52.mov
  9. Hi, Thank you so much! te link is https://semicircle-blueberry-y3ax.squarespace.com/config/ and password christine123 Im trying to create a hamburger menu that display horizontally only on desktop instead of taking the whole page. Also, sorry to bother you but do you know if its possible to add this type of animation in sqps? https://www.dayln.design/ (the sections that says designer and when you hover it appears lightning animations. If not possible, do you know how i can add this code instead? https://codepen.io/KaioRocha/pen/YoEVvZ i´ve tried but its not working 100%. Thank you in advanced!!!
  10. Site URL: https://codepen.io/KaioRocha/pen/YoEVvZ Hi! Does anyone know how i can create this animation for my cover page? Its a code pen and i tried to use it on sqps but its not working. Thanks in advanced!
  11. Hi, I also tried to look for new animations for the hamburger menu but theres no options 😞 Can you please let me know if its going to be available? 🙂 Thank you and greatt job!!!
  12. Hi, Does anyone know how can i can create a hamburger menu on desktop that displays to the size (horizontal) when the client clicks on the icon. Heres an example https://codepen.io/Zorlimar/pen/vgZaox Thank you!!
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.