Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

highlight transition

inspiredbycanva's profile picture

Canva Tips!

15,230 subscribers

34,215 görüntüleme • 3 yıl önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

1 Yorum

❤ เจ้าแฝด ❤ profil fotoğrafı
❤ เจ้าแฝด ❤3 yıl önce

Do you have a way to create graphs with more than one data set?

Benzer Videolar

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,763,414 görüntüleme • 2 ay önce

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,880 görüntüleme • 1 yıl önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 9 ay önce

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 görüntüleme • 10 ay önce

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 görüntüleme • 1 yıl önce

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,976 görüntüleme • 9 ay önce

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 樱花兔

57,117 görüntüleme • 9 ay önce

TEXAS SENATE RACE: Why are Cruz, Dunn & Lone Star PACs focusing their ads on Talarico's support of China? Perhaps Elon Musk’s folks could get them to run ads that highlight Talarico’s opposition to capitalism, the oil industry, and his support for gender transition for kids and the acceleration of Islamic migration.
2:00

TEXAS SENATE RACE: Why are Cruz, Dunn & Lone Star PACs focusing their ads on Talarico's support of China? Perhaps Elon Musk’s folks could get them to run ads that highlight Talarico’s opposition to capitalism, the oil industry, and his support for gender transition for kids and the acceleration of Islamic migration.

@amuse

10,905 görüntüleme • 1 ay önce

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 görüntüleme • 7 ay önce

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,444 görüntüleme • 2 yıl önce

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 görüntüleme • 9 ay önce

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 ʕ•ᴥ•ʔ

730,906 görüntüleme • 3 yıl önce

"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 ✈️ Money20/20 USA🇺🇸

11,165 görüntüleme • 7 ay önce

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

86,565 görüntüleme • 2 ay önce

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

155,824 görüntüleme • 1 ay önce

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

23,388 görüntüleme • 5 ay önce

That Billy Kelleher MEP uses terminology such as “all genders” to introduce the European Parliament’s new WOMEN’s health report illustrates precisely the problem we have raised. This much-needed report is fundamentally undermined by the unresolved contradiction between materially based and identity-based approaches to health embedded in the text. In his address to the European Parliament today as rapporteur, Kelleher dismissed scrutiny of these contradictions as a “culture war”, declaring: “your interests are not women’s interests”. We are a women’s rights advocacy organisation, and we are one of the groups that scrutinised this report. In fact, we wrote to all MEPs ahead of today’s vote to highlight the missed opportunity to address the longstanding neglect of women’s health, and invited them to meet with us and hear our perspective. Dismissing the rights and interests of half the population is a bold move. Especially when the task was to improve their situation and deliver the clarity and focus women’s health urgently needs. Instead, the report became a vehicle for advancing unrelated EU policy on “legal gender recognition”, “transition” and “conversion practices” related to gender identity.
0:51

That Billy Kelleher MEP uses terminology such as “all genders” to introduce the European Parliament’s new WOMEN’s health report illustrates precisely the problem we have raised. This much-needed report is fundamentally undermined by the unresolved contradiction between materially based and identity-based approaches to health embedded in the text. In his address to the European Parliament today as rapporteur, Kelleher dismissed scrutiny of these contradictions as a “culture war”, declaring: “your interests are not women’s interests”. We are a women’s rights advocacy organisation, and we are one of the groups that scrutinised this report. In fact, we wrote to all MEPs ahead of today’s vote to highlight the missed opportunity to address the longstanding neglect of women’s health, and invited them to meet with us and hear our perspective. Dismissing the rights and interests of half the population is a bold move. Especially when the task was to improve their situation and deliver the clarity and focus women’s health urgently needs. Instead, the report became a vehicle for advancing unrelated EU policy on “legal gender recognition”, “transition” and “conversion practices” related to gender identity.

Athena Forum

76,086 görüntüleme • 1 ay önce