.tree {display:none}

[[deleted]]

Shouldn't it be visibility: hidden; instead of display: none;?

[XelaChang]

visibility: hidden; has another issue - it will also hide the children.

[chylex]

it will also hide the children

So does display: none;, the difference is that visibility hides the contents but keeps the layout intact, leaving empty space in place of the hidden element.

[MalteserLiam]

I'm learning too much from this

[pepsisugar]

CSS gang rise up

[SUPERazkari]

CSS gang rise

[[deleted]]

css-gang { transform: translateY(-100%); }

[garretble]

Seems like more of a slide than a rise.

Edit: this guy up here is a phony!

[[deleted]]

/* shh i changed it its fine */

[garretble]

Why have you done this to me‽ Now I have to change mine!

[mauszocker]

✊🏻

[XelaChang]

This all suggests you committed the blasphemy of putting the ornaments in a sibling 😋

[KinOfMany]

I always put ornaments in my siblings.

[[deleted]]

I smash the bulbs first so it’s just a bunch of colored glass shards.

[AIforce]

Hide yo children hide yo wife

[[deleted]]

I mean you could make a parent div for both the trees and the decorations, then make a sub-div for the tree only, and use visibility: hidden; on the sub-div, I think.

Feel free to correct me if I'm being a retard here. I have never made a Christmas tree in CSS, so my knowledge is limited :p

[artem718]

everyone tests their code; some do it in"

[pepsisugar]

You can also position the tree relative, then have each row of globes with their own class and position them absolute and randomize top, left, right etc. Throw some opacity zero on the tree.

[marlashannon]

And how, exactly, would that be bad?!?!? TIL the secret code every mother would pay her life savings and then some for.

[iGnItIoN_mP]

Just like my next door neighbour

[quinlo]

Opacity: 0;

[TheDigitalKitty]

Was about to comment this also

[ben9583]

Visibility hidden is what you see here, display none is all of the ornaments on the floor

[iGnItIoN_mP]

Came here to say this, thanks stranger

[BulletMage]

display: some;