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

Search the Community

Showing results for tags 'animations'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • 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

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location

Found 7 results

  1. 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...
  2. 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.
  3. 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.
  4. 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?
  5. 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!
  6. 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.
  7. 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> Following code in the Footer (just before the /body tag) Section: <script type="text/javascript"> $(document).ready(function(){ $(window).scroll(function() { $('page-559a88fbe4b02af487910a44').each(function(){ var imagePos = $(this).offset().top; var topOfWindow = $(window).scrollTop(); if (imagePos < topOfWindow+400) { $(this).addClass("slideUp"); } }); }); </script> And following in the block that I want the animation to appear in: <div id="page-559a88fbe4b02af487910a44" class="slideUp"> The following CSS was added to the Custom CSS section: #page-559a88fbe4b02af487910a44{ visibility:hidden; } The above CSS in the Custom CSS seems to work as the text is hidden. However, the animation does not work on scroll. Any help in what I'm doing wrong would be appreciated.
×
×
  • Create New...