ImmersiveAmbientModecolor: #ba8686 (color 2)
Video Format : 22 (720p) openh264 ( https://github.com/cisco/openh264) mp4a.40.2 | 44100Hz
Audio Format: Opus - Normalized audio
PokeTubeEncryptID: df17435841a630a99b4c0336fd7d73cdcd26796ade333ad8f64ac251a5ba14dc6b71a6c58cad8f6dbc03f8c112ede01c
Proxy : eu-proxy.poketube.fun - refresh the page to change the proxy location
Date : 1719575657878 - unknown on Apple WebKit
Mystery text : NURmV3d6enN1b0UgaSAgbG92ICB1IGV1LXByb3h5LnBva2V0dWJlLmZ1bg==
143 : true
27,300 Views โข Jun 19, 2024 โข Click to toggle off description
Views : 27,300
Genre: Education
Date of upload: Jun 19, 2024 ^^
Rating : 4.932 (34/1,967 LTDR)
98.30% of the users lieked the video!!
1.70% of the users dislieked the video!!
User score: 97.45- Overwhelmingly Positive
RYD date created : 2024-06-28T11:48:31.685286Z
See in json
YouTube Comments - 21 Comments
Top Comments of this video!! :3
CSS being able to do more as time passes is fantastic!! Need to write less JS. I don't dislike JS but being able to do stuffs like this in just CSS is just awesome
5 |
The green color on the spining element is killing me. It is not the right kind of green. I mean, if you use HSL, you can put the right hue at the right angle of the conic gradient and see that the saturation and luminosity are the same.
(the cyan should be opposite of the red, orange is not a primary color, and that indigo is too dark too.)
Try this:
```
background-image: conic-gradient(
hsl(0, 100%, 50%) 0deg,
hsl(60, 100%, 50%) 60deg,
hsl(120, 100%, 50%) 120deg,
hsl(180, 100%, 50%) 180deg,
hsl(240, 100%, 50%) 240deg,
hsl(300, 100%, 50%) 300deg,
hsl(360, 100%, 50%) 360deg);
}
```
(disclaimer, it is not actually killing me, it is an expression, I just like colors and I have done a similar conic gradient before. So it feels weird. I also know this is just a demostration and it is not about colors, I'm just being picky just like if there was an indentation or a typo, not a big problem, I'm just expresive sometimes. I do love Kevin's content, I've learned a lot!)
2 |
I wrote a medium article on how I did this with js and this is so much simpler
Iโm glad that native css is getting more toys!
1 |
You're a frontend magician
1 |
More css animation. Alternatives to gsap.. Would be an amazing series. ๐
1 |
Wow ! โค Thanks for sharing the light
|
Can't wait for NodeCSS!
|
KP, ๐ฎ The Leonardo Da Vinci of css๐ฎ
|
It would be really neat if you could also do the opposite.
Have like a rotary telephone dial (you remember those, right?) with a letter or number (or word) showing through the 'hole'. You use your mouse to rotate the dial to the desired letter, and that then scrolls the sibling to the relevant place...
|
all I was able to think about is the browser support ๐
still, it's so cool to have it as a CSS-only solution
|
Could you please create one video explaining full Tailwind CSS and also comparison of CSS with Tailwind CSS???
|
My mind is still stuck on DD Belated PNG, IE6 hacks, and Cufรณn fonts.
|
safari, ff do not support this feature yet.
1 |
Is support all browsers?
|
Is this a new feature or wut??
|
I love how CSS went from the easiest language to complicated AF...... I'm not talking transforms and transitions, but this crap is unreal....
|
Annnd it's support in no browsers whatsoever...
I like your videos but you should really call out css support when you share experimental future CSS.
5 |
@albedesigns
1 week ago
This is awesome! I've never clicked on a video notification so fast ๐ It seems like CSS just gets better and better! I'm so glad I decided to get back into FE work. I really love it ๐
13 |