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

Winther

Member
  • Posts

    9
  • Joined

  • Last visited

Everything posted by Winther

  1. hey @KevinWalton did you manage to figure the final code out? Kind regards from Denmark
  2. Scrollify? Does anyone have a full code tutorial for how to insert jQuery into the advanced settings? I found a link to a tutorial with some code but I have no idea how to implement. Hope someone can help me out? https://projects.lukehaas.me/scrollify/#home Thanks and kind regards René
  3. Ahh yes of course! awesome thanks a lot.
  4. Thanks bangank36 Added it to the advanced / header is that how I should do it?
  5. Great question! can somebody please help to archive a slow smooth scroll effect on squarespace websites. Kind regards from Denmark
  6. We the squarespace 7.1 addicts need this so much! There must be some css or javascript magicians out there somewhere who would love to share. www.squarestylist.com offer a paid solution https://www.squarestylist.com/shop/horizontal-scrolling-gallery-squarespace but I have tried it and it is shitty code to say the least and there i no mobile drag and scroll function and the overall smoothness is terrible. Tried contacting the one who made it and she never replied. There must be some css wizards out there! Kind regards from Denmark 😄
  7. AWESOME !!!! Thanks. here is the updated CSS /* masonry-gallery-image-grow-on-hover sqs.7.1 */ .gallery-masonry-wrapper {transition: all 0.75s;} :hover img { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s ; transition-duration: 0.3s ; -webkit-transition-property: transform; transition-property: transform; } .gallery-masonry-wrapper :hover img, .gallery-masonry-wrapper:active img { -webkit-transform: scale(1.1) ; transform: scale(0.9) ; } // end
  8. Hey tuanphan Thanks for your reply. Dont know where to implement the transition: all ease-in 0.5s; in my css? I´m kinda new to the whole css thing. Please see the attached video. Here you can see that when you hover over each image, the image falls back very fast. Screen Capture2020-01-18 15_22_56.mov
  9. Screen Capture2020-01-18 15_22_56.mov Hello I need some help with the CSS. Please see the attached video. Here you can see that when you hover over each image, the image falls back very fast. This css code works for squarespace 7.1 (masonry gallery image grow on hover) The zoom scaling needs a tweak or two. I need help in the css to make the image hover more smoothly when hovering over each image. /* masonry-gallery-image-grow-on-hover sqs.7.1 */ .gallery-masonry-wrapper :hover img { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s ; transition-duration: 0.3s ; -webkit-transition-property: transform; transition-property: transform; } .gallery-masonry-wrapper :hover img, .gallery-masonry-wrapper:active img { -webkit-transform: scale(1.1) ; transform: scale(1.5) ; } // end
×
×
  • Create New...