How to make this slider effect?

Question

css

Tell me how to implement such an effect as here https://www.leeroy.ca/lequipe/ I will make the slider myself using the slick js library, but how to implement the disclosure of each person?

Answer 1

And what is not clear here? They clicked, unnecessary blocks scattered around, the width of the desired one increased so that it became a fullscreen. Inside is a picture that is automatically stretched to a large width. Well, there are all sorts of movements back and forth. In general, the opening effect in this slider looks rather ugly and clumsy, too sharp a jump of the slide followed by a bounce, a hacky job.
I made such a demo almost 2 weeks ago - codepen.io/suez/pen/AXQaEg , everything is much smoother and more beautiful, and everything is implemented using css, js only adds 2 classes, but I really don’t have the slider functionality, because concept is different. But you can learn css to understand how this thing works.