Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for tags 'animation'.

More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Topics
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Topics
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers ๐Ÿ‡ซ๐Ÿ‡ท's Topics
  • France Designers ๐Ÿ‡ซ๐Ÿ‡ท's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me



Found 20 results

  1. Site URL: https://www.maxgorgol.com/ Hi everyone, I have an issue with my home page, which has all my projects on itโ€”a portfolio of work. I love everything the way it is on desktop, especially with the reveal on scroll animations. On mobile, however, the first project thumbnail doesn't appear until you scroll a little bit down the page, and then when it does it zooms past the screen so you have to then scroll back up to see it again. Ideally, what I'd like to do is keep the reveal on scroll animation on mobile, but have the first project thumbnail (or whole projects section, whatever) be revealed on load, or a lot sooner so it doesn't look so clunky and there isn't just a blank white space there on load. If that's not possible, is there a way to remove a site-wide animation just from one section on mobile (the project thumbnails)? Not a code person whatsoever, so thanks in advance! Will happily provide additional information if necessary, but wasn't sure what to include. Max
  2. hey there, i just use a little code for a marquee text animation. this code works great on my brian template but i canยดt center my text. i try to see the text on the complete site, not only inside my code blog. just have a look at my code. i think there is something wrong ?!? ๐Ÿ™‚ .marquee { width: 100%; margin: 0%; height: 100px; padding: 100px ; white-space: nowrap; overflow: hidden; box-sizing: border-box; } .marquee span { display: inline-block; padding-left: 0%; will-change: transform; /* show the marquee just outside the paragraph */ animation: marquee 60s linear infinite; } thank you for your help ๐Ÿ™‚ sarah
  3. I'd like to create a bouncing down arrow like the one on this website: https://www.cookmellow.com/ It would be within the index pages of Brine / Marta template -- so that people know to scroll down (particularly on homepage)... Thanks a lot
  4. Hi, I'm working on customizing some code for a client's website, and I need a little help tweaking some of the image block animation timing. I have the images fading in, using the built-in image block effects, but my client would like to have the images fade in one at a time - ie. a staggered animation. Unfortunately, the site hasn't launched, and is password-protected, so I can't share it. I was trying to do this using Greensock, but I'm not sure I was injecting the GSAP library correctly. Anyway, the image block animation is doing almost exactly what I want; I just want to be able to offset the fading in of subsequent images by a little bit. Is it possible to modify the built-in effects? Or is JS my best bet? If so, has anyone successfully injected GSAP into their Squarespace site? Thanks!
  5. Site URL: https://henryoboyleillustrations.squarespace.com/ Hello, so what Iโ€™m trying to do is create an opening intro video or maybe a gif. I want the video to show at the very beginning when they first enter the site. Then just fade into the home page. I only want it to show once as well, just at the beginning. Is this possible? many thanks henry
  6. Site URL: https://bornsocial.co.uk/#services Hey everybody, I have few questions about how can I add an animation on the icon. just as this example: https://bornsocial.co.uk/#services Also, do we have some coding template for the page animation? Thanks
  7. Site URL: https://dolphin-llama-7w2z.squarespace.com/ I have a row of 4 images โ€” the first image is a "1", the second is a "2", and so on. (The site is currently at https://dolphin-llama-7w2z.squarespace.com/, and the password to get in is "adhd"). Right now I have them animated, activated when the viewer scrolls down to see them. What I'd love, though, is to have the "1" animate first, and then after a half-second, have the "2" animate, and then after another half-second, have the "3" animate, and again with the "4". It seems like this should be simple...ish?, but I'm not sure how to do this! Anyone have an idea? (Or you can just dissuade me from trying this! That'd work, too.)
  8. Site URL: https://remivincent.com/ Hi guys, I've set up a general Slide animation on my SquareSpace which I really like. The problem is that it seems that the animation is triggered when we are in the middle of the block / element when scrolling. I have a large Portfolio / Grid:Overlay and it's very problematic on a mobile, because you have to scroll a lot before the elements of the portfolio appear. Please test this website on a mobile to be able to notice the problem : https://remivincent.com/ Of course, I can turn off animations on my entire site, but I would like to keep them, and there are no options for animation on a Grid:Overlay element. Do you know if it's a bug or if we can trigger animation with different behavior? (like when we are on a Vtop of a block instead of Vmiddle). By the way, I'm using 7.1 version. Thanks a lot for your help.
  9. Hi there, is it possible to disable the site wide animations from affecting the contents within my site footer? Any help greatly appreciated.
  10. Hi - my client wants the (usually H1) site text to have some sliding animation. The 7.1 side-wide animations might do, but when I turn them on, they also apply to the site logo in the top nav bar, which looks janky. Does anyone have any code so I can disable the site wide animation on JUST this one element?
  11. Site URL: https://villa-rondinelli.squarespace.com/ Hi there, I'm trying to soften the animation between the sliding images of the slideshow gallery banner with a fading effect. I'm using Squarespace 7.1 and this is the website page: https://villa-rondinelli.squarespace.com/ Password: maggie-villa Any suggestion? ๐Ÿ™‚ Thanks!
  12. Site URL: http://www.downstream.com/ Hey there, Is there a way to apply animation to video content? I have a client that would like animation on their videos like their current site that was built on Wordpress. Please let me know. Thanks, Alexa
  13. Site URL: http://gregorylassale.com I found these scroll arrows and am wanting to add #5 to one of my pages. https://codepen.io/nxworld/pen/OyRrGy If I'm understanding the code right, on the template each arrow scrolls down the following section. <section id="section05" class="demo"> <h1>Scroll Down Button #5</h1> <a href="#section06"><span></span>Scroll</a> </section> On my site, I only want the arrow the scroll a bit further down the service page to reveal the rest of it (it's too tall to fit entirely on my screen). How would I need to change the code to control the anchor location on the same page? I'll also need to alter the CSS as I don't want the background pictures or gradients, but I can play with that and determine what bit I do or do not need. Thanks.
  14. Hi, looking for advice on how best to approach this design. Ideally the background image fades out after three seconds and a new image appears, while the text/image ("Tributes") remains onscreen. Please see attached.
  15. Site URL: http://https/matchlight.co I'm trying to add a scroll down arrow to the bottom of my first content block on the sites landing page to draw people to scroll down. Anyone know how to do this clean and simple? I'm not great with code so the less we do the better. Thanks!
  16. I got this code for animating my header. But, for some reason it works with H2-3, but not my H1. The code is below. I think there is something going on with the custom css on my site. Can someone take a look? // GIF Text // h1 { background: url(GIF-URL-HERE.gif); background-size: cover; background-position: center; -webkit-background-clip: text; color: transparent; }
  17. Hello colleagues, I have been tasked with duplicating a site without access to the original (!). Most of the site is created using standard styling options available in Brine/Heights. But there is one element that I think must be done with custom css. There is a hover animation effect on the buttons that I can't replicate. The standard is for the button to fade a little on hover. The customisation is to make the button go green #20CE9C with a drop shadow on hover. This is the site: https://www.kellerlenkner.com/ Although I can do a little coding I am new to custom css and not sure how to go about this. Please can anyone advise? Thank you Zoรซ
  18. Hey all, I am trying to add a "typing" animation to a headline, kind of like SS used to have on its home page, so that a series of words replace each other in a continous rotation to give the impression they were being typed directly on the page (see example here). I installed the code, CSS and JavaScript from CodyHouse, which seems to be working in part, but cannot get the animation to actually work and replace each word. This is the page I'm working on. I think it might be an issue with SquareSpace not running the JavaScript properly but I'm not sure how to fix it. Any ideas?
  19. On my landing page, I have one word that I'd like to rotate in a loop. Right now it says "clear" but I'd like it to switch to "engaging" "understandable" etc. Is there a way to accomplish that?
  20. Does anyone have any tips on how to use design interactions with Squarespace? Design interactions are subtle animations that take place on the page triggered by scrolling to a certain point on the page. See here. Squarespace has some sort of design interactions on almost all their new pages...and the Jeff Bridges website does too. How are they doing this? Can't figure it out...can anyone point me in the right direction?
  • Create New...