Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

This was a fun one to implement because I've also (afai consciously know) never seen "gradient" selections like this. The ::selection pseudo element doesn't support anything other than flat color so, on selection we sample the height the selected element is sitting at against the matching current state of... show more

almonk

19,257 subscribers

42,847 views • 1 month ago •via X (Twitter)

Science & Technology Education

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

We finally broke the seal on stream with a few big wins last Friday. This was the one that we finished the stream on. I'm down unfathomable amounts on this game but that doesn't matter, in this moment all that matters is I'm up right now.

We finally broke the seal on stream with a few big wins last Friday. This was the one that we finished the stream on. I'm down unfathomable amounts on this game but that doesn't matter, in this moment all that matters is I'm up right now.

Mayne

17,520 views • 6 months ago

CSS Trick! 🤙 You can create gradient borders on translucent elements using mask-clip and mask-composite with a pseudo-element 🔥 .gradient-border::after { mask-clip: padding-box, border-box; mask-composite: intersect; mask: linear-gradient(transparent, transparent), linear-gradient(white, white); } It's the same "Transparent border trick" from before. But, now you apply it to a pseudo-element 😎 The trick is to create a pseudo-element with a gradient background and then mask it so we only see the part we want, the border ✨ mask-clip defines the area affected by a mask. Similar to how you can define background-size. Using padding-box and border-box constrains the two masks. mask-composite is the magic part ✨ It defines a compositing operation for stacked mask layers. Using intersect means that the parts that overlap get replaced. And this seems to work in all browsers 🙌 As for the rest of the styles... – Make sure you set pointer-events: none on the pseudo-element – Make sure it fills the parent element. You can use position: absolute and inset: 0 – Make sure the background fills the space including the border-width. You can use calc to achieve that: --bg-size: calc(100% + (2px * var(--border))); background: var(--gradient) center center / var(--bg-size) var(--bg-size); That's it! 🚀 Gradient borders on translucent elements. You can set all the backdrop-filter: blur() you like! 😅 CodePen.IO link below! 👇

CSS Trick! 🤙 You can create gradient borders on translucent elements using mask-clip and mask-composite with a pseudo-element 🔥 .gradient-border::after { mask-clip: padding-box, border-box; mask-composite: intersect; mask: linear-gradient(transparent, transparent), linear-gradient(white, white); } It's the same "Transparent border trick" from before. But, now you apply it to a pseudo-element 😎 The trick is to create a pseudo-element with a gradient background and then mask it so we only see the part we want, the border ✨ mask-clip defines the area affected by a mask. Similar to how you can define background-size. Using padding-box and border-box constrains the two masks. mask-composite is the magic part ✨ It defines a compositing operation for stacked mask layers. Using intersect means that the parts that overlap get replaced. And this seems to work in all browsers 🙌 As for the rest of the styles... – Make sure you set pointer-events: none on the pseudo-element – Make sure it fills the parent element. You can use position: absolute and inset: 0 – Make sure the background fills the space including the border-width. You can use calc to achieve that: --bg-size: calc(100% + (2px * var(--border))); background: var(--gradient) center center / var(--bg-size) var(--bg-size); That's it! 🚀 Gradient borders on translucent elements. You can set all the backdrop-filter: blur() you like! 😅 CodePen.IO link below! 👇

jhey ʕ•ᴥ•ʔ

269,847 views • 2 years ago

Paul Pierce says the way the rookie players are playing in the summer league, it shows you the excitement that we put towards this draft: “It’s the build up coming in we was like this is going to be one of the best drafts. And then for these players to come out there and kind of solidify that kind of in summer league because you like, all right, let’s see you know what they really got. And so I love seeing that because it’s nothing better than seeing these guys because this is the time to be optimistic right here.” (Via No Fouls Given)

Paul Pierce says the way the rookie players are playing in the summer league, it shows you the excitement that we put towards this draft: “It’s the build up coming in we was like this is going to be one of the best drafts. And then for these players to come out there and kind of solidify that kind of in summer league because you like, all right, let’s see you know what they really got. And so I love seeing that because it’s nothing better than seeing these guys because this is the time to be optimistic right here.” (Via No Fouls Given)

NBA Courtside

308,301 views • 2 months ago

.Sam Altman says the best advice Peter Thiel ever gave him was to focus on what’s working. Peter was the one who convinced him to double down on ChatGPT early on: “After we launched ChatGPT, it was sort of this weird thing because people didn't really know what to use it for. It was growing super fast, but it felt very unstable, or kind of almost low-value growth.” “A lot of people in the company were like, ‘We gotta figure out something else. This is not sustainable value.’ And we were talking about this list of 5 or 6 other things that we could focus on instead.” “He was like, ‘It's an obvious mistake to do anything but this.’” “Besides the fact that it's growing, which is rare and great, and it was not growing as fast then as it did after, he's like, ‘The power of this is the power of the Google text box. It's like a text box you can type anything into, and it does the right thing.’” “He's like, ‘People have just been chasing the Google business model for 20 years and this is the first thing that's come up, and clearly the empty text box worked for Google, so why don't you just double down on that? It's growing. It's very flexible and it has all of the signs other than it doesn't fit the current Silicon Valley wisdom.’” “And I was like, ‘Okay.’ And so we went super hard on ChatGPT and it was great.”

.Sam Altman says the best advice Peter Thiel ever gave him was to focus on what’s working. Peter was the one who convinced him to double down on ChatGPT early on: “After we launched ChatGPT, it was sort of this weird thing because people didn't really know what to use it for. It was growing super fast, but it felt very unstable, or kind of almost low-value growth.” “A lot of people in the company were like, ‘We gotta figure out something else. This is not sustainable value.’ And we were talking about this list of 5 or 6 other things that we could focus on instead.” “He was like, ‘It's an obvious mistake to do anything but this.’” “Besides the fact that it's growing, which is rare and great, and it was not growing as fast then as it did after, he's like, ‘The power of this is the power of the Google text box. It's like a text box you can type anything into, and it does the right thing.’” “He's like, ‘People have just been chasing the Google business model for 20 years and this is the first thing that's come up, and clearly the empty text box worked for Google, so why don't you just double down on that? It's growing. It's very flexible and it has all of the signs other than it doesn't fit the current Silicon Valley wisdom.’” “And I was like, ‘Okay.’ And so we went super hard on ChatGPT and it was great.”

David Senra

413,889 views • 28 days ago

Sam Altman on the best advice Peter Thiel ever gave him: “ChatGPT was growing super fast, but it felt very unstable, or kind of almost low-value growth.” “A lot of people in the company were like, ‘We gotta figure out something else. This is not sustainable value.’ And we were talking about this list of 5 or 6 other things that we could focus on instead.” “He was like, ‘It's an obvious mistake to do anything but this.’” “Besides the fact that it's growing, which is rare and great, he's like, ‘The power of this is the power of the Google text box. It's like a text box you can type anything into, and it does the right thing.’” “He's like, ‘People have just been chasing the Google business model for 20 years and this is the first thing that's come up, and clearly the empty text box worked for Google, so why don't you just double down on that? It's growing. It's very flexible and it has all of the signs other than it doesn't fit the current Silicon Valley wisdom.’” “So we went super hard on ChatGPT and it was great.”

Sam Altman on the best advice Peter Thiel ever gave him: “ChatGPT was growing super fast, but it felt very unstable, or kind of almost low-value growth.” “A lot of people in the company were like, ‘We gotta figure out something else. This is not sustainable value.’ And we were talking about this list of 5 or 6 other things that we could focus on instead.” “He was like, ‘It's an obvious mistake to do anything but this.’” “Besides the fact that it's growing, which is rare and great, he's like, ‘The power of this is the power of the Google text box. It's like a text box you can type anything into, and it does the right thing.’” “He's like, ‘People have just been chasing the Google business model for 20 years and this is the first thing that's come up, and clearly the empty text box worked for Google, so why don't you just double down on that? It's growing. It's very flexible and it has all of the signs other than it doesn't fit the current Silicon Valley wisdom.’” “So we went super hard on ChatGPT and it was great.”

David Senra

307,278 views • 2 days ago

Did you know that holding shift while using the color picker in #substancepainter will sample from the base color channel instead of the viewport? Finding out this little trick was a game changer for me! #substance3d

Did you know that holding shift while using the color picker in #substancepainter will sample from the base color channel instead of the viewport? Finding out this little trick was a game changer for me! #substance3d

Wes McDermott

25,737 views • 3 years ago

CSS Trick 📜 You can trigger text highlights on scroll with scroll-driven animations 😎 mark { animation: highlight; animation-timeline: view(); } @keyframes highlight { to { --lit: 1; }} mark span { background-position: calc(var(--lit) * -110%) 0; transition: background 1s; } The trick is using a scroll-driven animation to flip a custom property on a element 🎚️ You flip the value between 0 and 1, and that transitions the background position of the element mark { --lit: 0; animation: highlight steps(1) both; animation-timeline: view(); animation-range: entry 100% cover 10%; } The background has to be applied on a child of the mark to see the change in the custom property 👀 mark span { background: linear-gradient( 120deg, yellow 50%, transparent 50%) 110% 0 / 220% 100% no-repeat; background-position: calc(var(--lit) * 110%) 0; transition: background-position 1s; } The trick is to set the background-size so that it's bigger than the element and then split the background-color in the middle using a linear-gradient 🤙 And the property flips fills in the color 🫶 That's it! If there isn't support for scroll-driven animations, use JavaScript's IntersectionObserver API. The code for this is in the demo 😎 Cool example of using CSS as an IntersectionObserver! CodePen.IO link below 👇

CSS Trick 📜 You can trigger text highlights on scroll with scroll-driven animations 😎 mark { animation: highlight; animation-timeline: view(); } @keyframes highlight { to { --lit: 1; }} mark span { background-position: calc(var(--lit) * -110%) 0; transition: background 1s; } The trick is using a scroll-driven animation to flip a custom property on a element 🎚️ You flip the value between 0 and 1, and that transitions the background position of the element mark { --lit: 0; animation: highlight steps(1) both; animation-timeline: view(); animation-range: entry 100% cover 10%; } The background has to be applied on a child of the mark to see the change in the custom property 👀 mark span { background: linear-gradient( 120deg, yellow 50%, transparent 50%) 110% 0 / 220% 100% no-repeat; background-position: calc(var(--lit) * 110%) 0; transition: background-position 1s; } The trick is to set the background-size so that it's bigger than the element and then split the background-color in the middle using a linear-gradient 🤙 And the property flips fills in the color 🫶 That's it! If there isn't support for scroll-driven animations, use JavaScript's IntersectionObserver API. The code for this is in the demo 😎 Cool example of using CSS as an IntersectionObserver! CodePen.IO link below 👇

jhey ʕ•ᴥ•ʔ

208,411 views • 2 years ago

.Oprah Winfrey: For all of you watching who are still on the fence, in the middle, independent as I am, or whether you just still don't know what you're gonna do. This is the moment for all decent and caring people who want the best for yourself and other people. This is the moment for people who are tired of all of the bickering and all of the name-calling, people who are exhausted by the craziness and the made up stories and the conspiracies. This is the moment you wanna get on with your life because you know that we can do better and that we deserve better. You know this, I know you know this, I know you feel this. I know this is what you're saying amongst yourselves. We're better than this. And as my friend and mentor Maya Angelou always said, ‘When you know better, you got to do better.’ So let's do better and vote for Kamala Harris

.Oprah Winfrey: For all of you watching who are still on the fence, in the middle, independent as I am, or whether you just still don't know what you're gonna do. This is the moment for all decent and caring people who want the best for yourself and other people. This is the moment for people who are tired of all of the bickering and all of the name-calling, people who are exhausted by the craziness and the made up stories and the conspiracies. This is the moment you wanna get on with your life because you know that we can do better and that we deserve better. You know this, I know you know this, I know you feel this. I know this is what you're saying amongst yourselves. We're better than this. And as my friend and mentor Maya Angelou always said, ‘When you know better, you got to do better.’ So let's do better and vote for Kamala Harris

Headquarters

2,490,671 views • 2 years ago

Eric Rohmer on the use of Colour in "La Collectionneuse" (1967) and "Claire's Knee" (1970): "I didn't use color as a dramatic element, as some filmmakers have done. For me it's something inherent in the film as a whole. I think that in 'La Collectionneuse' (1967) color above all heightens the sense of reality and increases the immediacy of the settings. In this film color acts in an indirect way; it's not direct and there aren't any color effects, as there are for example in Bergman's most recent film, his second one in color, where the color is very deliberately worked out and he gets his effects mainly by the way he uses red. I've never tried for dramatic effects of this kind, but. for example, the sense of time-evening, morning, and so on-can be rendered in a much more precise way through color. Color can also give a stronger sense of warmth, of heat, for when the film is in black-and-white you get less of a feeling of the different moments of the day, and there is less of what you might call a tactile impression about it. In 'Claire's Knee' (1970), I think it works in the same way: the presence of the lake and the mountains is stronger in color than in black-and-white. It's a film I couldn't imagine in black-and-white. The color green seems to me essential in that film, I couldn't imagine it without the green in it. And the blue too-the cold color as a whole. This film mould have no value for me in black-and-white. It's a very difficult thing to explain. It's more a feeling I have that can't be reasoned out logically." (Eric Rohmer's interview with Graham Petrie, Film Quarterly, 1971)

Eric Rohmer on the use of Colour in "La Collectionneuse" (1967) and "Claire's Knee" (1970): "I didn't use color as a dramatic element, as some filmmakers have done. For me it's something inherent in the film as a whole. I think that in 'La Collectionneuse' (1967) color above all heightens the sense of reality and increases the immediacy of the settings. In this film color acts in an indirect way; it's not direct and there aren't any color effects, as there are for example in Bergman's most recent film, his second one in color, where the color is very deliberately worked out and he gets his effects mainly by the way he uses red. I've never tried for dramatic effects of this kind, but. for example, the sense of time-evening, morning, and so on-can be rendered in a much more precise way through color. Color can also give a stronger sense of warmth, of heat, for when the film is in black-and-white you get less of a feeling of the different moments of the day, and there is less of what you might call a tactile impression about it. In 'Claire's Knee' (1970), I think it works in the same way: the presence of the lake and the mountains is stronger in color than in black-and-white. It's a film I couldn't imagine in black-and-white. The color green seems to me essential in that film, I couldn't imagine it without the green in it. And the blue too-the cold color as a whole. This film mould have no value for me in black-and-white. It's a very difficult thing to explain. It's more a feeling I have that can't be reasoned out logically." (Eric Rohmer's interview with Graham Petrie, Film Quarterly, 1971)

DepressedBergman

61,555 views • 1 year ago

"We're all celebrating. We get to the sideline, we sit down. We're all done, then they blow the whistle. I've never seen a flag come in this late." Amon-Ra reflects on the Jared Goff touchdown that was called back on the Lions opening drive 🗣️

"We're all celebrating. We get to the sideline, we sit down. We're all done, then they blow the whistle. I've never seen a flag come in this late." Amon-Ra reflects on the Jared Goff touchdown that was called back on the Lions opening drive 🗣️

St. Brown Podcast

303,949 views • 11 months ago

Rich Roll on why waiting to "feel like it" is a trap: "You can't think your way into the mood that you seek or the state of mind that you aspire to inhabit. Action is the only thing that can trigger that change." Rich uses running as the perfect illustration of this principle. Imagine you wake up in the morning and you're supposed to do a run because you're training for a race. You don't feel like it. So what do most of us do? "We all resort to that state where we think, 'Well, I don't want to do it right now. I'll just wait until I feel like doing it and then I'll do it then.'" But here's the problem with that logic: "If you're waiting until you feel like doing something, chances are you're probably never going to get to it." The mood you're hoping will arrive on its own? It's not coming. Not without action first. "To take the action despite how you feel about it is the thing that catalyzes the state change." You don't run because you feel motivated. You feel motivated because you ran. He points to what every runner knows from experience: "When they finish the run, they're always glad that they did it. They don't generally regret it. And then they feel better." Notice the sequence. The good feeling comes after the action, not before it. The state change is the reward for showing up, not the prerequisite. And this isn't just about running. As Rich puts it: "That example is applicable to all areas of life." The workout you're avoiding. The conversation you're delaying. The project you're putting off until you're "in the right headspace." You're waiting for a feeling that only exists on the other side of doing the thing.

Rich Roll on why waiting to "feel like it" is a trap: "You can't think your way into the mood that you seek or the state of mind that you aspire to inhabit. Action is the only thing that can trigger that change." Rich uses running as the perfect illustration of this principle. Imagine you wake up in the morning and you're supposed to do a run because you're training for a race. You don't feel like it. So what do most of us do? "We all resort to that state where we think, 'Well, I don't want to do it right now. I'll just wait until I feel like doing it and then I'll do it then.'" But here's the problem with that logic: "If you're waiting until you feel like doing something, chances are you're probably never going to get to it." The mood you're hoping will arrive on its own? It's not coming. Not without action first. "To take the action despite how you feel about it is the thing that catalyzes the state change." You don't run because you feel motivated. You feel motivated because you ran. He points to what every runner knows from experience: "When they finish the run, they're always glad that they did it. They don't generally regret it. And then they feel better." Notice the sequence. The good feeling comes after the action, not before it. The state change is the reward for showing up, not the prerequisite. And this isn't just about running. As Rich puts it: "That example is applicable to all areas of life." The workout you're avoiding. The conversation you're delaying. The project you're putting off until you're "in the right headspace." You're waiting for a feeling that only exists on the other side of doing the thing.

Kevin Tanaka

10,256 views • 4 months ago

This man helps a homeless veteran out with some food and gets emotional when the veteran tells him that he’s waiting for a bed to open up. This is the kind of energy that we need. In this country, we should have no veterans living on the street. Period. They deserve so much better.

This man helps a homeless veteran out with some food and gets emotional when the veteran tells him that he’s waiting for a bed to open up. This is the kind of energy that we need. In this country, we should have no veterans living on the street. Period. They deserve so much better.

AmericanPapaBear™

207,443 views • 10 months ago

Robert Parish on the key to the Celtics sustained success in the 80s: “We know we wasn't gonna win a championship or championships playing like individuals.” He also said that started with Larry Bird and that everyone else followed suit. “We all bought into this philosophy, you’re playing for the name on front of the jersey, not the name on the back of the jersey. And I think we all bought into that.”

Robert Parish on the key to the Celtics sustained success in the 80s: “We know we wasn't gonna win a championship or championships playing like individuals.” He also said that started with Larry Bird and that everyone else followed suit. “We all bought into this philosophy, you’re playing for the name on front of the jersey, not the name on the back of the jersey. And I think we all bought into that.”

Bobby Krivitsky

42,910 views • 6 months ago

Never forget that THIS is how Nickelodeon rebooted the Are You Afraid of the Dark? franchise in 2019. This was the opening scene to the revival of a horror series we all grew up with. Right out of the gate, they got it. Forever grateful we ended up with three seasons.

Never forget that THIS is how Nickelodeon rebooted the Are You Afraid of the Dark? franchise in 2019. This was the opening scene to the revival of a horror series we all grew up with. Right out of the gate, they got it. Forever grateful we ended up with three seasons.

Horror4Kids

16,917 views • 7 months ago

#WATCH | Didwana, Rajasthan: RSS chief Mohan Bhagwat says, "The rest of the world did not get to know something important. Our ancestors did get to know of it. What is that? We might look different from each other, but in our foundation, we are one. That is why we might look different but we are one - remember this. We are one means that everyone is ours. If everyone is ours, then dignity comes into the way of life all on its own...Life in this world goes on simultaneously. What makes this go on is called 'Dharma'...The rest of the world doesn't know this 'Dharma' because they don't know the truth behind this; our ancestors knew this..."

#WATCH | Didwana, Rajasthan: RSS chief Mohan Bhagwat says, "The rest of the world did not get to know something important. Our ancestors did get to know of it. What is that? We might look different from each other, but in our foundation, we are one. That is why we might look different but we are one - remember this. We are one means that everyone is ours. If everyone is ours, then dignity comes into the way of life all on its own...Life in this world goes on simultaneously. What makes this go on is called 'Dharma'...The rest of the world doesn't know this 'Dharma' because they don't know the truth behind this; our ancestors knew this..."

ANI

18,386 views • 8 months ago

This is the video that an Amorimsexual used to ‘debunk the lies’ This video even makes the screenshot worse We were set up in a flat back 5 with amad one of the 5 .. it was a goal kick and they didn’t even have that much bodies forward With a man down

This is the video that an Amorimsexual used to ‘debunk the lies’ This video even makes the screenshot worse We were set up in a flat back 5 with amad one of the 5 .. it was a goal kick and they didn’t even have that much bodies forward With a man down

INCOGNITO

52,123 views • 7 months ago

Jrue Holiday on if he thinks this season was a lost opportunity: “For sure…again I think that we had the best team in the league. The chemistry that we built from last season…I feel like we are disappointed in ourselves. I felt like we let the organization down and the city down.”

Jrue Holiday on if he thinks this season was a lost opportunity: “For sure…again I think that we had the best team in the league. The chemistry that we built from last season…I feel like we are disappointed in ourselves. I felt like we let the organization down and the city down.”

Celtics on CLNS

53,267 views • 1 year ago

Cool footage of 2 bull moose sparring from just 2 weeks ago! And then toward the end of the sequence another small bull decides to join in the fun. All-in-all, some trail camera gold! We’ve only captured this on camera one other time so far. But this footage is much better than our other observation, in part, because the lighting was almost perfect in this video. Suffice it to say, we were pretty excited to capture this footage. In total, the moose were in front of the camera for 14 minutes but we condensed it down to the highlights here. A fair portion of the videos were the bulls just standing there staring at each other.

Cool footage of 2 bull moose sparring from just 2 weeks ago! And then toward the end of the sequence another small bull decides to join in the fun. All-in-all, some trail camera gold! We’ve only captured this on camera one other time so far. But this footage is much better than our other observation, in part, because the lighting was almost perfect in this video. Suffice it to say, we were pretty excited to capture this footage. In total, the moose were in front of the camera for 14 minutes but we condensed it down to the highlights here. A fair portion of the videos were the bulls just standing there staring at each other.

Voyageurs Wolf Project

11,013 views • 1 year ago