How to animate slides using swiper.js ?
Could someone help me figure out how to create an image slider with pagination, where the center slide has an animation effect and the other two slides are on the left and right? I tried using swiper and focusable, but couldn't get the desired result. I have shared my code snippet for reference.
CSS Scroll Animation
I have multiple layers of this image. I want, on scroll the image zoom between 2 towers and fade out and fade in another image.
1 solution is, to animate this graphic using an editing tool and get the video file and convert the video to images, and then load these images in canvas frame by frame when scrolling
is there another way without animating this image using editing tool?...
Need Help improving my code
I'm trying to recreate this challenge, but I'm stuck on how I should have laid out my elements. I used grid but I'm not sure if i should include the testimonies in the bottom in the same grid or make that its own thing. And how I should I moves the ratings. I used position relative for the ratings but when the browser shrinks they over flow so I just wanted some advice on what I could do better and make my code more efficient.
auto layout
Hello guys I wanna know if I can make the Pink section start where the blue is starting but grow the right side to the edge of the viewport.
Generate new DOM
I was showing my stuff for other people and they said the way I'm generating new DOM is a bad practice. Is that so? what would be a better way to achieve athe same thing then?
Best way to achieve this layout with Grid
I'm trying to build this layout. I've done so with flexbox using media queries for responsiveness. However, I'm trying to figure out a fluid way of building this with grid. Is there anyway to build this responsively, where items stack on overflow, with grid columns? I've tried but using concrete values isnt getting me anywhere. Any advice is appreciated, thanks
is it possible to make divs grow according to its grid cell?
I'm trying to make a wordle game and a problem I'm confronting is about responsibility. I want each div to have a 1fr of size, that is, its grid cell width and properties.
Can someone guide me on how to do this? Css code in image
Codepen: https://codepen.io/leoncelestino/pen/OJqGwwz...
