How do people make graphics using CSS

Question

i have seen many people using multiple divs but how exactly do they do that?
https://code.sololearn.com/WyTV2bgSz5Jm/?ref=app
https://code.sololearn.com/W5E6ZfUY9q48/?ref=app

Answer 1

You have to understand css and positioning before make that things... Start with simple things like

https://code.sololearn.com/Wfb3Ueey80yh/?ref=app

then go more complex and you will see that its not so hard

Answer 2

they just add animation using key frames
but u need a lot of imagination and skill for it

Answer 3

what exactly do u mean to ask

Answer 4

KrOW what i want to ask is how do people make things like penguins,spaceships and all just using CSS beacause the course only teaches drawing basic shapes like triangle some people say that they use multiple divs but im not understanding it

for example
https://code.sololearn.com/WikM35TU4mXP/?ref=app

Answer 5

im saying that how did she make that pengiun/spacecraft

Answer 6

Code master Its simply a set of elements (usually div) positionated and styled with css

At example in penguing code, add following line for show all element bounds

.penguin, .penguin *{
outline:2px solid green;
}

in this way its more simple visualize every element like single block

Answer 7

so we have to add the opacity element to make sure no overlapping happens?

Answer 8

Code master What you mean? I didnt understand to what you refer

Answer 9

for making a good quality graphics you can use canvas tag in html5 and style using css

Answer 10

KrOW thanks!!

Answer 11

根据具体途径，满负荷发挥。