Combining multiple images into one image using CSS
I need to combine multiple parts of an image join and form the complete image using CSS animation. Please help. Thanks in advance. So each part is a separate image.
Mwe need more explanation than this.
Also a preview of the start and end state would be useful
Also a preview of the start and end state would be useful
Jokay
J
JWe have to combine the three images into the 4 th image. So it should look like an animation. Sorry for the delay in updating this.
Ἔyou are overcomplicating. at the same time, not complicated enough (depending in what you want)
Ἔthe question itself is easy: just use svg
Ἔthen animate with css or svg
Ἔor, use a grid with 2 columns and 3 rows
Ἔthen do whatever you need in css
JThanks @ἔρως So you are saying that these images have to be converted into svg format and then animate it using css. Is that correct?
Ἔno, but that is an option
JSo basically the way how these images combine to form one image should be displayed on the page
Ἔlisten, they will never be one image, unless you take a screenshot
Ἔall you can do is fake it
Ἔor use canvas, but if you are asking this, i highly doubt you know how to use javascript and the canvas 2d context to draw the image
Ἔfaking it is the most sensible option anyways
MἜsomething like that
MAs I am seeing it (correct me if I'm wrong), It shouldn't be all images. I notice there are select boxes and an input field. So why not just use 1 background image (shirt) , the logo on top of it (sliding in) and the text/form as actual text and form.
Ἔno, it shouldnt, since it is supposed to be interactive
Ἔalso text