Small problems with CSS, JAVA & HTML that seems not possible without photo editor

[SirTwsted]

I dont know where to post this, so I am hoping it gets viewed by the proper people in charge of maintaining CSS language.
Anyways,
I have been hunting for the people in-charge of CSS as I have some concerns in regards
to our present day web designs that are just becoming cookie cutter designs & blocky styles.
Back in the 90's there used to be a web design group by the name of 2Advanced.
They created well animated sites, but many of their sites had a very cool thing about them.
Which is (out of bounds designs) without using photoshop or other photo editors.
now fast forward to 2019, and these days, it seems out of bounds designs can no longer be created without some kind of photo editing program.
and almost every website out there are starting to look exactly the same, with the same cookie cutter boxy design as if the industry is now running off a template.

Is there any way for the people who actually are the creators of CSS language
and the people in-charge of developing the language and maintaining it, do something
about reviving "out of bounds designs". by implementing ( CSS Layers ), where someone can move several images on top of each other anywhere on a web page to create "out of bounds" designs.??
And also without is having to be restricted to an allocated box area on a page.
its a bit hard to explain what im trying to convey. A friend of mine who is an expert at web designs tried to do this and mentioned that it can not be done without just slapping a premade photoshopped image that was previously made into an "out of bounds" design and then slapping it on a grid on a web page. Which defeats to process of unique designs for websites that used to have out of bounds designs that flash based websites used to have.
He also mentioned that the only way possible (at the current time of him trying to do this)
is for CSS to have the ability of having layers and allowing designs to append different images along with fonts on top of each other (via CSS-Layers) to create "out of bounds designs"
.
Imagine these photos where not photoshopped and imagine if all these image parts was different from one another. Now imagine CSS being able to "LAYER" each image or font on top of each other via ("CSS-Layering") to create out of bounds designs.
Then imagine you can place that grouped CSS-Layer anywhere without having to be constrained into a grid or box.
.
Its a bit hard to explain, but I wish CSS would allow us to create CSS-Layers.
Example, Now imagine for example the train smoke being animated by javascript through CSS-Layers.
and you have a live animated website that looks cool, yet cleaner and far better than Flash did.
making the smoke and website look realistic and cool,.
or the fire breath burning the kids head realistically animating as the kids head is smoking,
all because javascript and CSS-Layers , its 2019, lets think outside the box please.
.

[fantasai]

Hi! I'm not really sure what to do with your feedback. I will point out that we do have layering, see the z-index property https://www.w3.org/TR/CSS2/visuren.html#z-index; transforms, including 3D transforms, can be done with the transform property https://www.w3.org/TR/css-transforms-1/ https://drafts.csswg.org/css-transforms-2/. Absolute positioning can be used to do a lot of explicit positioning https://www.w3.org/TR/CSS2/visuren.html#img-flow-clear2, and is made more powerful by integration with Grid Layout https://www.w3.org/TR/css-grid-1/#abspos-items and Box Alignment https://www.w3.org/TR/css-align-3/#justify-abspos (not yet implemented).

Jen Simmons has done some amazing conference talks and videos on the possibilities of design with new CSS features, you can watch them here: https://www.youtube.com/channel/UC7TizprGknbDalbHplROtag

Lastly, I will point out that CSS does document layout; for images you might want to consider SVG? :)

[Crissov]

Iʼm also not sure at all what this issue is really about. Like Fantasai said, CSS is a 2.5D language, although Transforms may require a 3D space. Otherwise we would have terms like depth (to go with width/height), front and back (for top/right/bottom/left or start/end), z and something to parallel vertical/horizontal in respective properties and keywords, perhaps also x-index and y-index.

With VR and AR browsing environments, there might actually be a use case for such a CSS3D.

[ewilligers]

One complication with allowing drawing "outside the box" is that an evil site could convincingly draw over the browser and operating system UI. They could cover up warnings, or fool the user into thinking they are interacting with the browser or operating system, when they are actually interacting with the evil site.

With VR and AR browsing environments, there might actually be a use case for such a CSS3D.

The recent proposal #4242 addresses this use case.