2,202 questions
- Bountied 0
- Unanswered
- Frequent
- Score
- Trending
- Week
- Month
- Unanswered (my tags)
1
vote
1
answer
104
views
Render Issues within animated PNG inside a SVG
I saw this tutorial that teaches how to do complex multilayer parallax scrolls and implemented on my website. While prototyping I found some weird lines that would appear while manipulating the PNG's (...
1
vote
0
answers
50
views
Parallax hero image turns grey after window resize / DevTools
I’m using jQuery Stellar to create a parallax hero at the top of the page.
<!-- HERO -->
<div class="site-blocks-cover"
data-stellar-background-ratio="0.5">
&...
1
vote
1
answer
66
views
Parallax pure css with perspective, elements height issue
I am trying to recreate a pure CSS parallax effect, but for the first time i am trying to have a slow layer in the background of the main one (with text, images and other content) extended for all the ...
0
votes
1
answer
90
views
Why do my floating leaves appear at the same time and barely move?
I'm trying to create a floating leaf animation using CSS and a parallax effect with JavaScript. My goal is to have multiple leaves float in slightly different paths and timings across the screen.
But ...
0
votes
0
answers
139
views
Parallax scroll card stack in TailWind v.4?
So I recently started transitioning from vanilla CSS to Tailwind for more thorough customizability in my portfolio website. For context, I am hosting the site in GitHub pages and the CSS below is what ...
1
vote
1
answer
177
views
How do I make my Vertical Image Animation Smoother?
I'm trying to make a parallax effect similar to the hover-over effects on the images on this site: https://www.framer.com/gallery/categories/portfolio
and here is the code I have so far:
document....
0
votes
1
answer
79
views
Parallax effect in Js: Is there a formula for the scroll modificator so the background image and the website content always reach the bottom together?
let me start by wishing you a wonderful day!
To summarise my website: The body is made of a header and a main section. The main section has a background-image and elements. Those elements's (combined) ...
1
vote
0
answers
90
views
Parallax effects for a horizontal carousel?
I'm trying to implement a horizontal scrolling carousel with a parallax effect on the images using Framer Motion's useScroll and useTransform hooks. However, the parallax effect doesn't seem to work—...
0
votes
1
answer
89
views
Pure-CSS perspective parallax effect only works on Firefox and not on Chrome or Safari
I tried making a webpage where backgrounds scroll a bit slower than the text content, giving an illusion of a 3d scene, but my method only works on firefox. On chrome and safari any transform property ...
0
votes
1
answer
37
views
Difference between real element borders and gsap markers
I was using GSAP ScrollTrigger to make a vertical slider of images. The idea is that a hidden elements with id=scroller takes a certain height (I choose it to be 400 vh) while all the content is in ...
1
vote
2
answers
87
views
Parallax elements - in x direction only with javascript
I'm trying to recreate this parallax feature where the x position changes between two layers depending on mouse movement.
I unsure which element, if its the section the mouse should be tracking and ...
1
vote
0
answers
72
views
How to prevent Safari from unloading off-screen elements in a React application?
I'm developing a React application and I've encountered an issue where Safari aggressively unloads elements that are off-screen, which causes problems with smooth scrolling and animations.
I am using ...
0
votes
1
answer
45
views
Css + Javascript Parallax effect Z-Value not working
I'm making a website and I wanted to integrate a parallax effect that responds to your mouse movement. Everything seems to work accept for the z value which adds depth to it.
I have 2 different ...
0
votes
1
answer
48
views
Whenever I scroll my page, extra content of the parallax div starts to appear. How to fix it?
Here is the image of the extra part :
I tried overflow-y;hidden still it appears whenever i try to scroll it.
Here is the CSS code for the background and foreground images
#background{
max-height:...
0
votes
1
answer
60
views
Using ACF Repeaters, that are using paralaxes
I have created a image and text block within ACF, and there are a bunch of options like switching sides of the text and image, can have a background etc.
The issue i am having, is that because you can ...