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

Search the Community

Showing results for tags 'animations'.

  • 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 Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • 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




Expert ID

Found 13 results

  1. Hello, 'Tis the season ! Is there anyway I could add falling snowflakes on my webpage? Thanks a million
  2. Site URL: http://www.ballybrookfarm.com/home Thanks in advance for any help! I've loaded an css animation library to my site, added the correct codes as instructed, and the animations work fine on desktop version. However, when I view on a mobile device, each animation is hidden. I've searched for an answer and am not coming up with any solution. Here is the website link: www.ballybrookfarm.com/home Here is the code I am using in the code block: <div id="#block-yui_3_17_2_6_1459644649106_53673" class="slideUp"> <script> $(window).scroll(function () { $('#
  3. Site URL: https://www.laterwolf.com Hi! I can't seem to find out how the designer of this page managed to create the transition/reveal effect in between pages. You'll see what I mean when you click on a page in the navigation (Info). Is this something I can do with CSS? I'm using Brine 7.0 so there's no site-wide animations built-in. Thanks for any help with this!
  4. Site URL: https://coconut-hypersphere-nmr5.squarespace.com/config/ I currently have the horizontal and vertical clip animation on my website however I was wondering if there is a way to slow down the animation even more? Any help would be greatly appreciated. site password- johnay
  5. Site URL: https://potato-sphere-g3k8.squarespace.com/ Hi! Does anyone know how to make the headers different colors on different pages of your website? Also, is it possible to add site wide animations for an entire page but not all pages on your site?
  6. Site URL: https://bluebird-porcupine-yzdg.squarespace.com/ Hello, I was wondering if it is possible to add a very subtle 'glitch' animation to a black and white photo? Similar to the image on the site here: https://www.shabaniddrisu.com/ I have tried to search online but can't find anything as subtle/randomised Many thanks, Best, Faizal
  7. Site URL: http://protek3.squarespace.com/ I have 3 side-by-side image blocks on a page and I would like to modify their animation display, fade-in, so that the blocks present in a cascading manner: block 1 -- slight delay -- block 2, etc. I tried to test altering block 1 just to see if I was impacting its display, but it's not working. Here's what I am adding to custom CSS in an attempt to modify only 2 transition settings: #block-yui_3_17_2_1_1591792633604_17714 { transition-duration: 4.0s; transition-delay: 1s; }
  8. Site URL: https://www.mattportch.com Hi, When selecting "projects" from my navigation, instead of sliding to another navigation page, I would prefer to see those page titles appear below the word "projects"? I've illustrated how I would prefer it to look as step 1 and 2 here... Step 1... Step 2...
  9. So I'm not even close to being adapt at coding but I'm trying to help a friend out with there website and they wanted to have this https://codepen.io/agoodwin/pen/NMJoER?editors=0100 as the site background on all pages and I'm having a hard time implementing it. I just wanted to know if this is even possible, I'm already biting off way more than I can chew with this alone. I'm using the brine template and could relly use some advice. I copied over the css and added it to Main also added in the photos to the site so it had there own url and such.
  10. Site URL: https://squid-star-hxgr.squarespace.com/ Hi, I know that you can animate images on your blog posts but I was wondering if there was any way that you can eit the actual thumbnaili images that are displayed on your main pages? Thank you.
  11. Site URL: https://www.joeandjenphoto.com Hello, curious if anyone has custom code to add animations (slide up animation) to banners or small galleries, as you can add to single images. I use the Maple template. Thank you!
  12. Hello! My website is https://mastercarsreview.com/ and I want to have a cool animation on my Blog pages "News" and "Reviews", and the "Gallery" page. I want the blog post to enlarge while hovering and the images set in the Gallery page to enlarge also on hover. Does anyone have an idea about the Custom CSS? Thanks you in advance.
  13. The aim is to get text blocks slide in on scroll. I stumbled across this "CSS Animation Cheat Sheet" by Justin Aguilar that does exactly this. I've followed the steps and added the code in the required sections. Following is the code in the Header Section: <squarespace:script src="plugin.js" combo="true" /> <squarespace:script src="site.js" combo="true" /> <link rel="stylesheet" type="text/css" href="www.justinaguilar.com/animations/css/animations.css" /> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script
  • Create New...