High Definition Standard Definition Theater
Video id : OtafPLeoWaI
ImmersiveAmbientModecolor: #d9428c (color 2)
Video Format : (720p) openh264 ( https://github.com/cisco/openh264) mp4a.40.2 | 44100Hz
Audio Format: 140 ( High )
PokeTubeEncryptID: cd7f946e4fb54f98553826831e2752f994a3d90faa8ececc1c6c44b143688c1cbd18633901331364e42532e83e8ac20e
Proxy : usa-proxy2.poketube.fun - refresh the page to change the proxy location
Date : 1727543389131 - unknown on Apple WebKit
Mystery text : T3RhZlBMZW9XYUkgaSAgbG92ICB1IHVzYS1wcm94eTIucG9rZXR1YmUuZnVu
143 : true
Easily reduce the opacity of a custom property color with relative colors
Jump to Connections
39,782 Views โ€ข Jun 13, 2024 โ€ข Click to toggle off description
Relative colors are here now, and they incredibly powerful.

#css #frontend #development
Metadata And Engagement

Views : 39,782
Genre:
Uploaded At Jun 13, 2024 ^^


warning: returnyoutubedislikes may not be accurate, this is just an estiment ehe :3
Rating : 4.923 (54/2,734 LTDR)

98.06% of the users lieked the video!!
1.94% of the users dislieked the video!!
User score: 97.09- Overwhelmingly Positive

RYD date created : 2024-09-28T15:29:11.758866Z
See in json
Tags
Connections
Nyo connections found on the description ;_; report an issue lol

YouTube Comments - 55 Comments

Top Comments of this video!! :3

@adriankerrison

3 months ago

The only trouble with a Kevin short is remembering where I was 3 weeks ago when I ran into the exact problem you provide a solution to ๐Ÿ˜… Cool stuff as always, thank you

40 |

@surenick3460

3 months ago

What would society look like if css features were actually adopted by all browsers in a timely manner

13 |

@stevenstraker5105

3 months ago

I envision this opens doors for some really interesting animations

2 |

@osterello

3 months ago

easier with RGBA
rgba(var(--primary-color-rgb), 0.5);

21 |

@Th3S4mur41

3 months ago

I like to use color-mix for this until support for relative colors improves.
E.g.:

background-color: color-mix(in hsl, var(--cl-brand) 70%, transparent);

2 |

@cholis04

3 months ago

It seems like it would be helpful to provide opacity without needing to change the variable value. Very nice!

|

@marciobttb

3 months ago

what about color-mix? color-mix(in hsl , var(--brand-color) 30%, transparent)

1 |

@gokusan6169

3 months ago

Ohh ๐Ÿ˜ฎ
"It maps the values from the 1st color argument to the h s and l (variables)"... like an output argument. ๐Ÿ˜ฎ

Thank you sir.
CSS is crazy.
Sometimes, it's just weir

|

@dukeofnorfolk1842

3 months ago

What about color-mix(in srgb, var(), transparent 50%) ?

1 |

@muhammadansar6469

1 month ago

I was litterly looking for this kinda solution for one of my project๐Ÿ˜‚๐Ÿ˜‚

|

@Ghaz002

1 month ago

damn, once they finally decide to give us nested selectors, we can just get rid of less/scss altogether

|

@mindstyler

3 months ago

a video on adopting oklch() instead of any other color syntax, especially hsl() would be great.

|

@ChristopherJamesCalo

2 months ago

Why not just mix with transparent? color-mix(in srgb, var(--clr-brand) 50%, transparent) Seems much simpler and much better browser support.

|

@AudreyGraceB

1 month ago

What is h s and l?

|

@serious_17

1 month ago

I dont get it, why dont lower the opacity by
"opacity: ;" ? and use relativity?

|

@kingsagar1223

2 months ago

Tell me vs code theme name

|

@jasinAmsterdam1976

3 months ago

Css is becoming an adult ๐Ÿ˜‚

|

@ExquisiteSquid

1 week ago

If you're gonna do all those transformations, just use a new color variable, no?

|

@dkazmer2

3 months ago

CSS is getting way too complicated

1 |

Go To Top