What are some CSS features most people don't know about?

MagicCrayon9342

There's tons of CSS features out there that I don't know about probably. The only features I know about are: Styling elements (globally), classes, and IDs. That's not much, there has to be more right?

god286

Houdini CSS counts? psuedo-elements like ::before and ::after, things like :focus and :hover

most of these are well known I'll add more

Here are some of my followers!

I joined: 5 years, 9 months, 24 days ago (31/03/2018)
I have: 479 followers
In total, I have attained: 1,403 loves, 1,145 favourites, and 33,731 views.
Fun Fact: If my account continued to gain followers at a similar rate to right now, in 14,210 years I would reach the number of followers griffpatch has today! Try to imagine how many followers he would have then!
Thank you everyone!
Script created by god286.

MagicCrayon9342

god286 wrote:
(#2)
Houdini CSS counts? psuedo-elements like ::before and ::after, things like :focus and :hover

most of these are well known I'll add more

I never heard of pseudo-elements, only heard of things like element:hover.

ScolderCreations

Probably

:root

Last edited by ScolderCreations (Jan. 25, 2022 01:03:59)

god286

I think Houdini is the rarest, but Firefox has no support, and Safari has 5% support

Here are some of my followers!

I joined: 5 years, 9 months, 24 days ago (31/03/2018)
I have: 479 followers
In total, I have attained: 1,403 loves, 1,145 favourites, and 33,731 views.
Fun Fact: If my account continued to gain followers at a similar rate to right now, in 14,210 years I would reach the number of followers griffpatch has today! Try to imagine how many followers he would have then!
Thank you everyone!
Script created by god286.

MagicCrayon9342

god286 wrote:
(#5)
I think Houdini is the rarest, but Firefox has no support, and Safari has 5% support

It's less ‘unknown css features’ and more, hey have all these people list features I don't know about to improve my CSS.

Last edited by MagicCrayon9342 (Jan. 25, 2022 01:09:54)

god286

MagicCrayon9342 wrote:
god286 wrote:
(#5)
I think Houdini is the rarest, but Firefox has no support, and Safari has 5% support
It's less ‘unknown css features’ and more, hey have all these people list features I don't know about to improve my CSS.

Houdini can help you a lot with CSS, like polyfills and new properties

Here are some of my followers!

I joined: 5 years, 9 months, 24 days ago (31/03/2018)
I have: 479 followers
In total, I have attained: 1,403 loves, 1,145 favourites, and 33,731 views.
Fun Fact: If my account continued to gain followers at a similar rate to right now, in 14,210 years I would reach the number of followers griffpatch has today! Try to imagine how many followers he would have then!
Thank you everyone!
Script created by god286.

MagicCrayon9342

god286 wrote:
MagicCrayon9342 wrote:
god286 wrote:
(#5)
I think Houdini is the rarest, but Firefox has no support, and Safari has 5% support
It's less ‘unknown css features’ and more, hey have all these people list features I don't know about to improve my CSS.
Houdini can help you a lot with CSS, like polyfills and new properties

I prefer options supported by most modern browsers. Firefox and Safari having little to no support isn't an option.

kat-coder

Probably the Transform Z feature, it makes the thing that you did with the HTML <div> tags do a 3D spin

-kat-coder

(1000 Posts. (✔::operators)(❌::variables)(❌)(❌)(❌) 5000 Posts!

Useful Links:

To advertise your Scratch project, Go Here!
To play around with ScratchBlocks, Go Here!
To contact the Scratch Team, Go Here!
To check out my latest Scratch project, Go Here!

kat-coder

ScolderCreations wrote:
Probably
:root

What does it do?

-kat-coder

(1000 Posts. (✔::operators)(❌::variables)(❌)(❌)(❌) 5000 Posts!

Useful Links:

To advertise your Scratch project, Go Here!
To play around with ScratchBlocks, Go Here!
To contact the Scratch Team, Go Here!
To check out my latest Scratch project, Go Here!

Chiroyce

god286 wrote:
psuedo-elements like ::before and ::after, things like :focus and :hover

yeah this - even i recently learnt about before and after

April Fools' topics:

— New Buildings in Scratch's headquarters
— Give every Scratcher an M1 MacBook Air
— Scratch should let users edit other Scratchers' projects
— Make a statue for Jeffalo
— Scratch Tech Tips™
— Make a Chiroyce statue emoji

<img src=“x” onerror=“alert('XSS vulnerability discovered')”>

this is a test sentence

PoIygon

kat-coder wrote:
ScolderCreations wrote:
Probably
:root
What does it do?

w3schools wrote:
The :root selector matches the document's root element.

In HTML, the root element is always the html element.

It’s used for declaring variables

CST1229

PoIygon wrote:
It’s used for declaring variables

Speaking of variables, yes they exist.

:root {
    --variable: #639bff;
}
p {
    color: var(--variable);
}

This is a signature. It's a piece of text that appears below every post I write. Click here to learn more, including how to make your own.
RIP assets image hosting. 2013?-2023

Discuss Scratch