Загрузка видео...

Не удалось загрузить видео

На главную

highlight transition

inspiredbycanva's profile picture

Canva Tips!

15,317 subscribers

34,212 просмотров • 2 лет назад •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

HIGHLIGHT-REEL WORTHY CHASEDOWN BLOCKS! The best 2025-26 transition swats for NBA Defense Week... roll the tape 📽️
2:51

HIGHLIGHT-REEL WORTHY CHASEDOWN BLOCKS! The best 2025-26 transition swats for NBA Defense Week... roll the tape 📽️

NBA

1,359,530 просмотров • 12 дней назад

At the GWECCC 2025, we highlight the urgent need for a realistic energy transition, breakthrough water conservation, and deeper collaboration, only together can we accelerate innovation
1:35

At the GWECCC 2025, we highlight the urgent need for a realistic energy transition, breakthrough water conservation, and deeper collaboration, only together can we accelerate innovation

aramco

7,461,744 просмотров • 11 месяцев назад

Future CSS Tip! 📜 You can use scroll-driven animations like JavaScript's IntersectionObserver to animate highlights ✏️ mark { animation-name: highlight; animation-timeline: view(); } @​keyframes highlight { to { --light: 1; }} mark span { background-position: calc((1 - var(--light)) * 110%) 0; transition: background 1s; } The "trick" is to animate a custom property with a scroll-driven animation. These will flip in a binary fashion if not using @​property. And that's what you want. You can then use that value to set the style on the highlights ( ). What you see is the transition of a background-position to get the multi-line highlight. A technique posted on this account before 🤙 Added bonuses: – Could use another element for the author initials of a highlight and animate that in too. Here the pseudoelement is being used. But another accessible span would do the trick. – Highlight color is scoped inline via hue. – View transition theme switch for a bonus that looks like a triangle. Been messing with Vercel docs so was the easiest thing to go with 😅 CodePen.IO link below! 👇
0:44

Future CSS Tip! 📜 You can use scroll-driven animations like JavaScript's IntersectionObserver to animate highlights ✏️ mark { animation-name: highlight; animation-timeline: view(); } @​keyframes highlight { to { --light: 1; }} mark span { background-position: calc((1 - var(--light)) * 110%) 0; transition: background 1s; } The "trick" is to animate a custom property with a scroll-driven animation. These will flip in a binary fashion if not using @​property. And that's what you want. You can then use that value to set the style on the highlights ( ). What you see is the transition of a background-position to get the multi-line highlight. A technique posted on this account before 🤙 Added bonuses: – Could use another element for the author initials of a highlight and animate that in too. Here the pseudoelement is being used. But another accessible span would do the trick. – Highlight color is scoped inline via hue. – View transition theme switch for a bonus that looks like a triangle. Been messing with Vercel docs so was the easiest thing to go with 😅 CodePen.IO link below! 👇

jhey ʕ•ᴥ•ʔ

257,631 просмотров • 2 лет назад

New update 0.4.3 A minor update. The highlight is the transition to the new game engine version 4.5. Official port of the game to phones (currently experimental only) (maybe it won't work well for everyone) #changed #changedfangame #transfurrun
0:25

New update 0.4.3 A minor update. The highlight is the transition to the new game engine version 4.5. Official port of the game to phones (currently experimental only) (maybe it won't work well for everyone) #changed #changedfangame #transfurrun

OneK

15,827 просмотров • 8 месяцев назад

Risacher’s atypical influence inspired me to highlight the NBA players that are similarly impacting their teams “5-factors” in unique ways I also make the case why Transition Influence should join eFG%, TO%, FTr, OREB% as the Fifth Factor
7:48

Risacher’s atypical influence inspired me to highlight the NBA players that are similarly impacting their teams “5-factors” in unique ways I also make the case why Transition Influence should join eFG%, TO%, FTr, OREB% as the Fifth Factor

David Lee

65,015 просмотров • 9 месяцев назад

A smooth, silent step into 2025! We kick off the year with our fully electric representational car, championing the green transition. Watch the video to hear UN Development🇧🇩 RR Stefan Liller & DRR Sonali Dayaratne highlight our commitment to leading by example. UN Developmentasiapac UN DevelopmentEnergyHub
1:49

A smooth, silent step into 2025! We kick off the year with our fully electric representational car, championing the green transition. Watch the video to hear UN Development🇧🇩 RR Stefan Liller & DRR Sonali Dayaratne highlight our commitment to leading by example. UN Developmentasiapac UN DevelopmentEnergyHub

UNDP Bangladesh

97,425 просмотров • 1 год назад

Here’s a Magic Johnson highlight you might never see, because it was ruled an offensive foul. This is every Giannis drive you’ve seen in transition for 10 years, but 40 years ago it was illegal. Players were discouraged from plays like this. It wasn’t because they couldn’t.
0:37

Here’s a Magic Johnson highlight you might never see, because it was ruled an offensive foul. This is every Giannis drive you’ve seen in transition for 10 years, but 40 years ago it was illegal. Players were discouraged from plays like this. It wasn’t because they couldn’t.

Keith Black Trudeau

2,691,607 просмотров • 8 месяцев назад

This project is a technical example of a hosiery shader in #unity3d HDRP. By simulating the microstructure of silk fibers, it achieves an anisotropic highlight and a viewing-angle-dependent color transition.😊 Come and subscribe to my Fanbox to download this project #Unity #VFX #shader #realtime
0:22

This project is a technical example of a hosiery shader in #unity3d HDRP. By simulating the microstructure of silk fibers, it achieves an anisotropic highlight and a viewing-angle-dependent color transition.😊 Come and subscribe to my Fanbox to download this project #Unity #VFX #shader #realtime

Sakura Rabbit 樱花兔

55,758 просмотров • 7 месяцев назад

Graham Platner - Mainers Controlled By A Billionaire Graham makes an insane claim saying that the only reason Mainers are focusing on boys in girls sports/locker room is cause a billionaire is funding it to distract us from raising his taxes. Before he ran for senate, he went to school board meetings telling parents "it's not happening". He also did weapons training for trans/lgbtq+ militia in Maine. On his campaign Graham Platner has made it a specific focus to highlight transgender children and adults - saying he will fight for their rights to transition. Troy Jackson - his Democratic Socialist buddy spearheaded the bills in Maine that allowed minors to transition without parental consent.
0:42

Graham Platner - Mainers Controlled By A Billionaire Graham makes an insane claim saying that the only reason Mainers are focusing on boys in girls sports/locker room is cause a billionaire is funding it to distract us from raising his taxes. Before he ran for senate, he went to school board meetings telling parents "it's not happening". He also did weapons training for trans/lgbtq+ militia in Maine. On his campaign Graham Platner has made it a specific focus to highlight transgender children and adults - saying he will fight for their rights to transition. Troy Jackson - his Democratic Socialist buddy spearheaded the bills in Maine that allowed minors to transition without parental consent.

TheUnquirer

11,391 просмотров • 5 месяцев назад

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 👇
0:36

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,315 просмотров • 2 лет назад

Appreciation from Hon. Kandeh Yumkella, Hon’ble Energy Minister of Sierra Leone, for India’s renewable energy progress shared at the global stage and based on his visit and firsthand observations in Gujarat is deeply encouraging. His remarks highlight how India’s on-ground efforts and scale of implementation are shaping the clean energy transition, under the visionary leadership of Hon’ble Prime Minister Shri Narendra Modi ji, strengthening India’s position as a global leader in the #RenewableEnergy sector.
1:33

Appreciation from Hon. Kandeh Yumkella, Hon’ble Energy Minister of Sierra Leone, for India’s renewable energy progress shared at the global stage and based on his visit and firsthand observations in Gujarat is deeply encouraging. His remarks highlight how India’s on-ground efforts and scale of implementation are shaping the clean energy transition, under the visionary leadership of Hon’ble Prime Minister Shri Narendra Modi ji, strengthening India’s position as a global leader in the #RenewableEnergy sector.

Pralhad Joshi

31,241 просмотров • 7 месяцев назад

CSS Tip! 🤙 You can create this magnetic :hover effect with CSS anchor positioning, :has, and zero JS 🔥 article { anchor-name: --develop; } ul:has(li:hover) { --anchor: --develop; } ul::after { inset: anchor(var(--anchor) top) anchor(var(--anchor) right) ... ; } How do you keep it clean when entering/exiting the list? Use transition-delay ⭐️ ul:has(li:hover) { --active: 1; } ul::after { opacity: var(--active, 0); transition: opacity 0.2s, inset 0.2s 0.2s; } ul:hover::after { transition: opacity 0.2s 0.2s, inset 0.2s; } This is a cool trick you can use. Delay the opacity on enter and then delay the position on exit. That way you don't get a weird effect on enter/exit 🙏 This one's a "Future" CSS tip 🔮 But, the demo will work in all browsers in some way. The idea is to progressively enhance it. 1. No JavaScript and no Anchor Positioning? Highlight on hover ✏️ 2. No Anchor Positioning? Use JavaScript with a single event listener to update the inset values using elementFromPoint and .closest 🫶 3. If there is Anchor Positioning support, use that and don't fire the JavaScript. You can check with CSS.supports('anchor-name: --anchor') ✨ That's it! CodePen.IO link below! 👇
0:25

CSS Tip! 🤙 You can create this magnetic :hover effect with CSS anchor positioning, :has, and zero JS 🔥 article { anchor-name: --develop; } ul:has(li:hover) { --anchor: --develop; } ul::after { inset: anchor(var(--anchor) top) anchor(var(--anchor) right) ... ; } How do you keep it clean when entering/exiting the list? Use transition-delay ⭐️ ul:has(li:hover) { --active: 1; } ul::after { opacity: var(--active, 0); transition: opacity 0.2s, inset 0.2s 0.2s; } ul:hover::after { transition: opacity 0.2s 0.2s, inset 0.2s; } This is a cool trick you can use. Delay the opacity on enter and then delay the position on exit. That way you don't get a weird effect on enter/exit 🙏 This one's a "Future" CSS tip 🔮 But, the demo will work in all browsers in some way. The idea is to progressively enhance it. 1. No JavaScript and no Anchor Positioning? Highlight on hover ✏️ 2. No Anchor Positioning? Use JavaScript with a single event listener to update the inset values using elementFromPoint and .closest 🫶 3. If there is Anchor Positioning support, use that and don't fire the JavaScript. You can check with CSS.supports('anchor-name: --anchor') ✨ That's it! CodePen.IO link below! 👇

jhey ʕ•ᴥ•ʔ

729,560 просмотров • 2 лет назад

"A banking license is nothing but a set of code." 🏦💻 On the latest episode of AI on Air, Navin Gupta (CEO, Crystal Intelligence) drops a visionary prediction on the future of finance: the rise of "Bank as Code". As we move toward an Agentic Economy, AI agents will become first-class financial actors, requiring a high-velocity, machine-native banking infrastructure that operates 24/7 without friction. At Kite, we are building the decentralized AI infrastructure to power this transition and ensure a secure, transparent future for autonomous agents. Watch the highlight below! 👇
1:36

"A banking license is nothing but a set of code." 🏦💻 On the latest episode of AI on Air, Navin Gupta (CEO, Crystal Intelligence) drops a visionary prediction on the future of finance: the rise of "Bank as Code". As we move toward an Agentic Economy, AI agents will become first-class financial actors, requiring a high-velocity, machine-native banking infrastructure that operates 24/7 without friction. At Kite, we are building the decentralized AI infrastructure to power this transition and ensure a secure, transparent future for autonomous agents. Watch the highlight below! 👇

KITE AI

11,142 просмотров • 6 месяцев назад

Erik Spoelstra & 2025-26 Miami Heat Playbook, Part I, No-PnR Transition Before diving into the actions, I just highlight with 2 stats about transition. Last season, Miami led the NBA, with a 5.07 average offensive speed-2nd was 4.88- That pace translated into a 24.9% transition frequency and 32.2 points per game, comfortably beating 2nd team again-23.4%, 30.9 pts. Really impressive. Tomorrow, I'll share the 2nd part, half-court offenses and ATOs of Coach Spo. Let's go! I) C2C II) Transition DHOs III) Feed the Fastbreak Runner b) Overload c) Brush Cut d) Sprint to the Paint/Rim Runner IV) Switch Counter: Early Seal V) Shooter's Match-up as a Fastbreak Runner VI) Early Elbow Touch a) Backdoor b) Relief Spot c) Attack to Defensive Big d) Kick out to Corner e) Short Corner Touch and Open VII) Clear cut for Broken Spacing, 1v1 b) Broken Spacing/Overload c) No Jump from Strongside Corner d) Clear Reject, Exit Continuity VIII) Clear, Barkley b) Feed the Jump IX) Early Punch b) Split c) Laker Cut X) Double Dive XI) Swing, Match-up Hunting b) Feed the Jump XII) Swing, Attack to Defensive Big XIII) Swing Reload XIV) Drag b) Throw and Chase, Ghost c) Early PnR d) Drag, Clyde e) Brush f) Finland XV) Early Spain PnR XVI) Double Drag b) Oklahoma XVII) Empty PnR XVIII) FT Below PnR XIX) Pistol b) Pistol Slip XX) After Free Throw Pistol b) Pistol Keep c) Pistol Flip 77
23:41

Erik Spoelstra & 2025-26 Miami Heat Playbook, Part I, No-PnR Transition Before diving into the actions, I just highlight with 2 stats about transition. Last season, Miami led the NBA, with a 5.07 average offensive speed-2nd was 4.88- That pace translated into a 24.9% transition frequency and 32.2 points per game, comfortably beating 2nd team again-23.4%, 30.9 pts. Really impressive. Tomorrow, I'll share the 2nd part, half-court offenses and ATOs of Coach Spo. Let's go! I) C2C II) Transition DHOs III) Feed the Fastbreak Runner b) Overload c) Brush Cut d) Sprint to the Paint/Rim Runner IV) Switch Counter: Early Seal V) Shooter's Match-up as a Fastbreak Runner VI) Early Elbow Touch a) Backdoor b) Relief Spot c) Attack to Defensive Big d) Kick out to Corner e) Short Corner Touch and Open VII) Clear cut for Broken Spacing, 1v1 b) Broken Spacing/Overload c) No Jump from Strongside Corner d) Clear Reject, Exit Continuity VIII) Clear, Barkley b) Feed the Jump IX) Early Punch b) Split c) Laker Cut X) Double Dive XI) Swing, Match-up Hunting b) Feed the Jump XII) Swing, Attack to Defensive Big XIII) Swing Reload XIV) Drag b) Throw and Chase, Ghost c) Early PnR d) Drag, Clyde e) Brush f) Finland XV) Early Spain PnR XVI) Double Drag b) Oklahoma XVII) Empty PnR XVIII) FT Below PnR XIX) Pistol b) Pistol Slip XX) After Free Throw Pistol b) Pistol Keep c) Pistol Flip 77

Kemal Serhat Kahraman

54,842 просмотров • 1 месяц назад

Social media is a great tool, but you have to go viral for the right reasons. Republicans should use it to highlight President Trump’s accomplishments: - No Tax on Tips - No Tax on Overtime - Middle-Class Tax Cuts - Border Security - Most Favored Nation Drug Pricing - Ending Gender-Transition Procedures for Minors - Keeping Men out of Women’s Sports The list goes on. MAHA is consequential, too. President Trump and Secretary Kennedy have already begun bringing healthier food to military bases, with more to come. These policies affect people's everyday lives. They matter. Republicans need to do more to make sure Americans hear about them. 🇺🇸 Thank you FOX & Friends & Rachel Campos-Duffy for having me!
1:38

Social media is a great tool, but you have to go viral for the right reasons. Republicans should use it to highlight President Trump’s accomplishments: - No Tax on Tips - No Tax on Overtime - Middle-Class Tax Cuts - Border Security - Most Favored Nation Drug Pricing - Ending Gender-Transition Procedures for Minors - Keeping Men out of Women’s Sports The list goes on. MAHA is consequential, too. President Trump and Secretary Kennedy have already begun bringing healthier food to military bases, with more to come. These policies affect people's everyday lives. They matter. Republicans need to do more to make sure Americans hear about them. 🇺🇸 Thank you FOX & Friends & Rachel Campos-Duffy for having me!

Link Lauren

122,033 просмотров • 7 дней назад

Just wrapped up a 4-part IFRS 9 ECL series with a focus on the modelling. Almost 4hrs in all but to follow through with the modeling you probably need at least 8hrs. Part 1: A brief intro - Classification & Measurement (SPPI, business model assessment, EIR dynamics) Part 2: ECL framework + EAD Modelling (amortisation profiles, CCF, behavioural assumptions) Part 3: PD Modelling (Markov Chain, transition matrices, lifetime PD term structure) Part 4: LGD + Full ECL (recoveries, collateral projection etc) Some snippets 👇 Also used the opportunity to highlight advanced Excel functions like LET, LAMBDA, and SCAN. Worth exploring if you’re into complex modelling. Of course, it’s almost impossible to cover everything within a limited time. I only just scratch the surface😎. #IFRS9 #ECL #CreditRisk #Quant
3:25

Just wrapped up a 4-part IFRS 9 ECL series with a focus on the modelling. Almost 4hrs in all but to follow through with the modeling you probably need at least 8hrs. Part 1: A brief intro - Classification & Measurement (SPPI, business model assessment, EIR dynamics) Part 2: ECL framework + EAD Modelling (amortisation profiles, CCF, behavioural assumptions) Part 3: PD Modelling (Markov Chain, transition matrices, lifetime PD term structure) Part 4: LGD + Full ECL (recoveries, collateral projection etc) Some snippets 👇 Also used the opportunity to highlight advanced Excel functions like LET, LAMBDA, and SCAN. Worth exploring if you’re into complex modelling. Of course, it’s almost impossible to cover everything within a limited time. I only just scratch the surface😎. #IFRS9 #ECL #CreditRisk #Quant

Michael

22,920 просмотров • 4 месяцев назад

Episode 487: Rachel Entrekin | Cocodona 250 Course Record Rachel Entrekin recently cemented her legacy in the growth of multiday trail ultramarathons with her outright course record and third win at the Cocodona 250. We talk about how her race played out, her life has changed since going pro earlier this year, and what her performance has taught us about the many variables to success at multiday ultramarathons. For a full picture of Rachel’s transition into professional ultra runner, please check out my previous episode with her, Episode 477: Cocodona 250 Ultra Champ | Rachel Entrekin Timestamps: 0:00:00 Highlight Reel 0:00:53 Podcast Intro and Sponsor Deals 0:02:27 Cocodona Recap and Fueling Upgrade 0:06:07 Race Nutrition Real Food vs Gels 0:08:43 Viral Finish 0:10:10 Radical Acceptance Mindset 0:11:23 Seven Hours Faster Why 0:15:53 Pro Life Balance and Bandwidth 0:22:18 Durability Beats Speed Debate 0:30:09 Spreadsheets vs Vibes Racing 0:34:52 Crew Communication and Efficiency 0:38:25 Stepping Back to Crew 0:39:29 Giving Back at Cocodona 0:42:53 Crew as Storytelling 0:45:26 Levity and Showmanship 0:48:24 Crews Versus Uncrewed 0:49:27 No Support Challenge 0:53:01 Kilian Chase Pressure 0:55:23 Sleep Strategy Discussion 01:00:55 Experimenting With Sleep 01:03:49 Six Day Curiosity 01:07:09 Where to Follow Rachel 01:08:50 Wrap Up
1:09:59

Episode 487: Rachel Entrekin | Cocodona 250 Course Record Rachel Entrekin recently cemented her legacy in the growth of multiday trail ultramarathons with her outright course record and third win at the Cocodona 250. We talk about how her race played out, her life has changed since going pro earlier this year, and what her performance has taught us about the many variables to success at multiday ultramarathons. For a full picture of Rachel’s transition into professional ultra runner, please check out my previous episode with her, Episode 477: Cocodona 250 Ultra Champ | Rachel Entrekin Timestamps: 0:00:00 Highlight Reel 0:00:53 Podcast Intro and Sponsor Deals 0:02:27 Cocodona Recap and Fueling Upgrade 0:06:07 Race Nutrition Real Food vs Gels 0:08:43 Viral Finish 0:10:10 Radical Acceptance Mindset 0:11:23 Seven Hours Faster Why 0:15:53 Pro Life Balance and Bandwidth 0:22:18 Durability Beats Speed Debate 0:30:09 Spreadsheets vs Vibes Racing 0:34:52 Crew Communication and Efficiency 0:38:25 Stepping Back to Crew 0:39:29 Giving Back at Cocodona 0:42:53 Crew as Storytelling 0:45:26 Levity and Showmanship 0:48:24 Crews Versus Uncrewed 0:49:27 No Support Challenge 0:53:01 Kilian Chase Pressure 0:55:23 Sleep Strategy Discussion 01:00:55 Experimenting With Sleep 01:03:49 Six Day Curiosity 01:07:09 Where to Follow Rachel 01:08:50 Wrap Up

Zach Bitter

17,035 просмотров • 3 месяцев назад