正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

Figma Generative plugins can use on-canvas handles. Lets use it to manipulate a vector. Here are 3 quick examples that build on each other: 1. point 2. point + radius 3. point + angle + radius 4. multiple handles next: point + radius 🧵

Jason Calleiro

1,156 subscribers

14,093 次观看 • 3 天前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

I missed #AnimatingSoilModels. So I visualised Mohr's circle with GeoGebra. In the interactive figure you can vary the radius and move point A and centre point C:

I missed #AnimatingSoilModels. So I visualised Mohr's circle with GeoGebra. In the interactive figure you can vary the radius and move point A and centre point C:

Gertraud Medicus

12,721 次观看 • 2 年前

Must be time for the Q4 nested radius post 📅 Remember, the CSS tip is that you can use custom properties to work out the nested radius of elements for you 😎 .panel { --radius: 28px; --padding: 8px; --nested-radius: calc(var(--radius) - var(--padding); } .content { border-radius: var(--nested-radius); } Here's an interactive visual you can mess with 🤙 CodePen.IO link below 👇

Must be time for the Q4 nested radius post 📅 Remember, the CSS tip is that you can use custom properties to work out the nested radius of elements for you 😎 .panel { --radius: 28px; --padding: 8px; --nested-radius: calc(var(--radius) - var(--padding); } .content { border-radius: var(--nested-radius); } Here's an interactive visual you can mess with 🤙 CodePen.IO link below 👇

jhey ʕ•ᴥ•ʔ

532,905 次观看 • 2 年前

You can create the outer radius with CSS alone and no SVG 🤙 1. Create 2 elements 2x the radius size 2. Pin each side 3. Clip segment: clip-path: inset(50% 50% 0 0) 4. Radial gradient mask a pseudo 5. Border the other 6. Flip one side with scale: -1 1; Easier to watch 👇😅

You can create the outer radius with CSS alone and no SVG 🤙 1. Create 2 elements 2x the radius size 2. Pin each side 3. Clip segment: clip-path: inset(50% 50% 0 0) 4. Radial gradient mask a pseudo 5. Border the other 6. Flip one side with scale: -1 1; Easier to watch 👇😅

jhey ʕ•ᴥ•ʔ

100,645 次观看 • 2 年前

CSS Tip! 🤙 Use custom properties to work out the nested radius of elements for you 😎 .parent { --nested-radius: calc(var(--radius) - var(--padding)); } .nested { border-radius: var(--nested-radius); } Couldn't resist making an interactive visual! CodePen.IO link below 👇

CSS Tip! 🤙 Use custom properties to work out the nested radius of elements for you 😎 .parent { --nested-radius: calc(var(--radius) - var(--padding)); } .nested { border-radius: var(--nested-radius); } Couldn't resist making an interactive visual! CodePen.IO link below 👇

jhey ʕ•ᴥ•ʔ

795,379 次观看 • 2 年前

India first versus family first ! Impact/Landing point names on Moon 1. Chandrayaan1: Jawahar Point 2. Chandrayaan2: Tiranga Point 3. Chandrayaan3: Shivshakti Point Lander was called Vikram Lander after Vikram Sarabhai Had it been UPA they would have never sent Chandrayaan 2 & 3 & if they did they would have named it Indira Point and Rajiv Point

India first versus family first ! Impact/Landing point names on Moon 1. Chandrayaan1: Jawahar Point 2. Chandrayaan2: Tiranga Point 3. Chandrayaan3: Shivshakti Point Lander was called Vikram Lander after Vikram Sarabhai Had it been UPA they would have never sent Chandrayaan 2 & 3 & if they did they would have named it Indira Point and Rajiv Point

Shehzad Jai Hind (Chowkidar as per INC ecosystem)

73,122 次观看 • 2 年前

🇨🇳☢️ China showcased its DF-5C intercontinental ballistic missile (ICBM) at the Beijing parade. With a global strike radius, the DF-5C is capable of carrying multiple nuclear warheads and reaching any point on Earth.

🇨🇳☢️ China showcased its DF-5C intercontinental ballistic missile (ICBM) at the Beijing parade. With a global strike radius, the DF-5C is capable of carrying multiple nuclear warheads and reaching any point on Earth.

DD Geopolitics

95,527 次观看 • 10 个月前

New year / New frame improvements in Figma ! 🥳 1. (0,0) origin point for new frames on a blank canvas 2. New frames remember previous dimensions 3. New Quick add insert to duplicate new frame (press option / alt to add blank frame) Let's go!

New year / New frame improvements in Figma ! 🥳 1. (0,0) origin point for new frames on a blank canvas 2. New frames remember previous dimensions 3. New Quick add insert to duplicate new frame (press option / alt to add blank frame) Let's go!

miggi from figma

79,532 次观看 • 1 年前

1, 2, 3, 4, 5, 6 point perspectives

1, 2, 3, 4, 5, 6 point perspectives

ginyoagoldie

747,198 次观看 • 3 年前

6’10 3 Level Point Center Cleaner Build on 2K26 #NBA2K26

6’10 3 Level Point Center Cleaner Build on 2K26 #NBA2K26

NBA2KLab

41,307 次观看 • 7 个月前

HIGH POINT MAKES IT A 3-POINT GAME ‼️

HIGH POINT MAKES IT A 3-POINT GAME ‼️

Bleacher Report

1,304,442 次观看 • 1 年前

In a recent video, I showed that in a 3-4-5 right triangle, the radius of the inscribed circle is 1. We can generalize this: in an a-b-c right triangle, the radius of the inscribed circle is (a+b-c)/2. Here's how we know this:

In a recent video, I showed that in a 3-4-5 right triangle, the radius of the inscribed circle is 1. We can generalize this: in an a-b-c right triangle, the radius of the inscribed circle is (a+b-c)/2. Here's how we know this:

Howie Hua

48,106 次观看 • 6 个月前

React tip: "use client" misconceptions (1/5) 🚫 You need to mark EVERY individual file with "use client" to ensure it is a Client Component. ✅ You only need to mark each client entry point ONCE. Modules imported into a "use client" file are already part of the client bundle. (0:05) Adding "use client" to `3.js` marks the file as a client entry point, including it in the client bundle. (0:11) Importing `d()` into `3.js` (a client entry point) also includes it in the client bundle. (0:14) Adding "use client" to `4.js` has no additional bundling effect on `d()` because it is already part of the client bundle. (0:23) All modules (and their dependencies) imported to `3.js` are included in the client bundle. (0:26) Removing "use client" from `3.js` moves it and its dependencies into the server bundle.

React tip: "use client" misconceptions (1/5) 🚫 You need to mark EVERY individual file with "use client" to ensure it is a Client Component. ✅ You only need to mark each client entry point ONCE. Modules imported into a "use client" file are already part of the client bundle. (0:05) Adding "use client" to `3.js` marks the file as a client entry point, including it in the client bundle. (0:11) Importing `d()` into `3.js` (a client entry point) also includes it in the client bundle. (0:14) Adding "use client" to `4.js` has no additional bundling effect on `d()` because it is already part of the client bundle. (0:23) All modules (and their dependencies) imported to `3.js` are included in the client bundle. (0:26) Removing "use client" from `3.js` moves it and its dependencies into the server bundle.

Delba

157,350 次观看 • 2 年前

it's that time again — the Q2 '25 CSS nested radius post .parent { --nested-radius: calc(var(--radius) - var(--padding)); } .nested { border-radius: var(--nested-radius); } * realistically these will be static values

it's that time again — the Q2 '25 CSS nested radius post .parent { --nested-radius: calc(var(--radius) - var(--padding)); } .nested { border-radius: var(--nested-radius); } * realistically these will be static values

jhey ʕ•ᴥ•ʔ

161,396 次观看 • 1 年前

The classic Spool Problem (Bicycle Wheel Paradox) is the perfect test of intuition vs. reality. Watch what happens when you pull the crank forward: Crank Radius: Rolls BACKWARD. (Wait, what?) Crank ≈ Radius: Pure Z-axis rotation! Why? It’s all about the line of action relative to the instantaneous center of rotation (the contact point on the table). If the force acts below that pivot, the torque reverses. Credit: PhysicsNinja

The classic Spool Problem (Bicycle Wheel Paradox) is the perfect test of intuition vs. reality. Watch what happens when you pull the crank forward: Crank Radius: Rolls BACKWARD. (Wait, what?) Crank ≈ Radius: Pure Z-axis rotation! Why? It’s all about the line of action relative to the instantaneous center of rotation (the contact point on the table). If the force acts below that pivot, the torque reverses. Credit: PhysicsNinja

Cosmos Archive

13,785 次观看 • 2 个月前

How to draw 3 point perspective. Let’s start with a video. A thread 🧵 1/6

How to draw 3 point perspective. Let’s start with a video. A thread 🧵 1/6

Mitch Leeuwe

509,196 次观看 • 3 年前

3D CSS image slider works well on device 🤙 li { --item-width: clamp(120px, 20vmin, 12rem); --radius: calc( (var(--item-width) / sin(var(--inner-angle))) * -1 ); } It's cool how you can use a clamped value with "calc"

3D CSS image slider works well on device 🤙 li { --item-width: clamp(120px, 20vmin, 12rem); --radius: calc( (var(--item-width) / sin(var(--inner-angle))) * -1 ); } It's cool how you can use a clamped value with "calc"

jhey ʕ•ᴥ•ʔ

173,006 次观看 • 2 年前

Clauses 47 & 48: i) Killing Palestinians in Gaza 3 & 4 Blast radius of bombs; a "war on children."

Clauses 47 & 48: i) Killing Palestinians in Gaza 3 & 4 Blast radius of bombs; a "war on children."

Palestine Festival of Literature

33,082 次观看 • 2 年前

Nick Saban - MOFC Bunch Checks - Lock & Level = Lock the point man. Play man on #1 at three yards and man on #3 at six yards (Levels) - Traffic = Lock the point man and play in and out on #1 and #3. - Interstate = Show lock alignment on point, but play man on #3. CB/Safety plays push alert on #1 and #2.

Nick Saban - MOFC Bunch Checks - Lock & Level = Lock the point man. Play man on #1 at three yards and man on #3 at six yards (Levels) - Traffic = Lock the point man and play in and out on #1 and #3. - Interstate = Show lock alignment on point, but play man on #3. CB/Safety plays push alert on #1 and #2.

James Light

29,520 次观看 • 6 个月前