正在加载视频...

视频加载失败

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

hook this 3D CSS card up to device rotation? sure! 👨‍🍳 tip: use the DevTools "Sensors" emulator with "Custom Orientation" to debug/refine before taking it to a real device 👇

jhey ʕ•ᴥ•ʔ

145,811 subscribers

81,748 次观看 • 8 个月前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

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

相关视频

Want to debug device-controlled CSS parallax effects without using a device? Simulate device orientation in Chrome DevTools 👇

Want to debug device-controlled CSS parallax effects without using a device? Simulate device orientation in Chrome DevTools 👇

jhey ʕ•ᴥ•ʔ

272,683 次观看 • 2 年前

Future CSS Tip! 🔮 You can anchor an element to multiple elements with anchor positioning .anchored { top: anchor(--a-1 bottom); left: anchor(--a-2 right); } Combine it with CSS mask to create some "Supercharged CSS ⚡️" Watch the debug below 👀 CodePen.IO link below! 👇

Future CSS Tip! 🔮 You can anchor an element to multiple elements with anchor positioning .anchored { top: anchor(--a-1 bottom); left: anchor(--a-2 right); } Combine it with CSS mask to create some "Supercharged CSS ⚡️" Watch the debug below 👀 CodePen.IO link below! 👇

jhey ʕ•ᴥ•ʔ

149,829 次观看 • 3 年前

How to add Chrome DevTools MCP to Claude Code (Bookmark this post to follow the setup later) This lets Claude debug your web apps in a real browser... performance traces, network inspection, console errors. Requirements: - Node.js 22+ - Chrome browser In the video below I show you: - How to install the MCP server - How to verify the DevTools tools are available - How to use it with a real performance trace

How to add Chrome DevTools MCP to Claude Code (Bookmark this post to follow the setup later) This lets Claude debug your web apps in a real browser... performance traces, network inspection, console errors. Requirements: - Node.js 22+ - Chrome browser In the video below I show you: - How to install the MCP server - How to verify the DevTools tools are available - How to use it with a real performance trace

Daniel San

52,294 次观看 • 9 个月前

Playing GTA V on Nothing Phone (3) 🔥 Running locally on the device with a PC emulator app. Full video + how to:

Playing GTA V on Nothing Phone (3) 🔥 Running locally on the device with a PC emulator app. Full video + how to:

Ben Geskin

32,231 次观看 • 10 个月前

Future CSS Tip! 🔮 You can power micro-interactions with scroll driven animations 😎 Define a range with custom props and hook up to body scroll 📜 .avatar{ animation:shrink; animation-timeline:scroll(root); animation-range:calc(var(--head)*0.9) ...; } CodePen.IO link below! 👇

jhey ʕ•ᴥ•ʔ

147,001 次观看 • 3 年前

Scump reacts to device carriers in overload being forced to use a pistol in new update: “That’s a very big change.. the pistol is good this year but now you’re basically 3v4 with the device.. give Dashy the rock.” 🗣️

Scump reacts to device carriers in overload being forced to use a pistol in new update: “That’s a very big change.. the pistol is good this year but now you’re basically 3v4 with the device.. give Dashy the rock.” 🗣️

CoD Clipped

144,681 次观看 • 7 个月前

In 1944 Edwin Land had a vision of “a pocket device you use like a telephone to record images for you to remember that would be with you always”. It would be an electronic device—with no film.

In 1944 Edwin Land had a vision of “a pocket device you use like a telephone to record images for you to remember that would be with you always”. It would be an electronic device—with no film.

Brian Roemmele

24,292 次观看 • 1 年前

This Little Device Generates All The Frequencies In The World. ⚡🎶 Simple To Use. Powerful To Experience. It’s Changing The Way People Listen To Healing Frequencies. 🧠✨ Explore It 👇

This Little Device Generates All The Frequencies In The World. ⚡🎶 Simple To Use. Powerful To Experience. It’s Changing The Way People Listen To Healing Frequencies. 🧠✨ Explore It 👇

vegastar

17,518 次观看 • 4 个月前

Apparently a Tesla Coil power source inducted field, made equivalent to the Earth’s gravity using Ion proulsion with a rotation flying wheel to gyroscopically keep it stable. This is the famed Graviflyer anti-gravity device by inventor Alexey Chekurkov. YouTube:

Apparently a Tesla Coil power source inducted field, made equivalent to the Earth’s gravity using Ion proulsion with a rotation flying wheel to gyroscopically keep it stable. This is the famed Graviflyer anti-gravity device by inventor Alexey Chekurkov. YouTube:

Brian Roemmele

659,822 次观看 • 1 年前

CSS Tip! ✨ You can use background-attachment to fix backgrounds to the viewport 🤙 card { background:radial-gradient(circle at var(--x) var(--y), ...); background-attachment:fixed; } JS to get the cursor position but use the same bg for a spotlight 🔦 CodePen.IO link below 👇

CSS Tip! ✨ You can use background-attachment to fix backgrounds to the viewport 🤙 card { background:radial-gradient(circle at var(--x) var(--y), ...); background-attachment:fixed; } JS to get the cursor position but use the same bg for a spotlight 🔦 CodePen.IO link below 👇

jhey ʕ•ᴥ•ʔ

490,227 次观看 • 3 年前

CSS card parallax with pointermove + custom props 🧑‍🍳 <div class=ring style="--i: 2"> .ring { translate: calc(var(--px) * (var(--i) * -2rem)) calc(var(--py) * (var(--i) * 2rem)); } trick: pointer mapping to rotate card in 3D + translate rings 2D for the illusion 🤙 check it 👇

CSS card parallax with pointermove + custom props 🧑‍🍳 <div class=ring style="--i: 2"> .ring { translate: calc(var(--px) * (var(--i) * -2rem)) calc(var(--py) * (var(--i) * 2rem)); } trick: pointer mapping to rotate card in 3D + translate rings 2D for the illusion 🤙 check it 👇

jhey ʕ•ᴥ•ʔ

306,369 次观看 • 8 个月前

The suit that gives workers superpowers The Biolift exoskeleton, a device designed to reduce back strain during heavy lifting, featuring adjustable straps and motion capture sensors for real-time support,

The suit that gives workers superpowers The Biolift exoskeleton, a device designed to reduce back strain during heavy lifting, featuring adjustable straps and motion capture sensors for real-time support,

Science girl

175,449 次观看 • 10 个月前

🤸‍♀️ Tip: how to use the #StationRotation model with large class sizes! The trick? A mirror rotation. 🪞 Want to be the first to get tips like this plus access to exclusive templates? Sign up for my email list: #EdChat #EduTwitter

🤸‍♀️ Tip: how to use the #StationRotation model with large class sizes! The trick? A mirror rotation. 🪞 Want to be the first to get tips like this plus access to exclusive templates? Sign up for my email list: #EdChat #EduTwitter

Dr. Catlin Tucker

16,576 次观看 • 2 年前

CSS Tip! 🤙 You could use CSS :has() to power a context-aware custom cursor experience 👆 :root:has(.player:hover) {--active: 1;} .cursor {scale: var(--active);} :root:has(.player:hover > [aria-label="Pause"]) .cursor-pause-icon { display: block; } CodePen.IO link below! 👇

CSS Tip! 🤙 You could use CSS :has() to power a context-aware custom cursor experience 👆 :root:has(.player:hover) {--active: 1;} .cursor {scale: var(--active);} :root:has(.player:hover > [aria-label="Pause"]) .cursor-pause-icon { display: block; } CodePen.IO link below! 👇

jhey ʕ•ᴥ•ʔ

261,705 次观看 • 3 年前

Here’s how to set up your 4G Smart Connect device in easy steps and unlock the ultimate festive connection experience. When you buy the #4GSmartConnect device, it comes with Bonus data

Here’s how to set up your 4G Smart Connect device in easy steps and unlock the ultimate festive connection experience. When you buy the #4GSmartConnect device, it comes with Bonus data

Airtel Uganda

70,314 次观看 • 1 年前

Your new iPhone or iPad, set up just the way you like it. 🤩 Here’s how to use your previous iPhone or iPad to automatically set up your new device with Quick Start and iCloud.

Your new iPhone or iPad, set up just the way you like it. 🤩 Here’s how to use your previous iPhone or iPad to automatically set up your new device with Quick Start and iCloud.

Apple Support

58,899 次观看 • 6 个月前

Huawei is not a real company. It is an arm of the CCP and a central node in the Party’s strategy to dominate us technologically. We should use all the tools in our kit to constrain Huawei before their operating system is on every device globally.

Huawei is not a real company. It is an arm of the CCP and a central node in the Party’s strategy to dominate us technologically. We should use all the tools in our kit to constrain Huawei before their operating system is on every device globally.

Mike Gallagher

276,914 次观看 • 1 年前

CARD SKIMMING Meet this device. It is a card skimmer and writer. Capable of reading your card numbers by radio as well reading them by swipe. It uses capable of reading 9 type of cards. Once the magstripe is swiped past the reading head, the embedded data is decoded by the reader to authorise the transaction. Personally I don’t like buying with ATMS or VISAs or Master Cards because of things like this. How sure am I the employee isn’t having this device beside their payment system and can clone and rewrite my card. For this demo, we will use VISA. Carry enough cash if you don’t want to fall victim. Card skimming is still ongoing and the tools are getting advanced.

CARD SKIMMING Meet this device. It is a card skimmer and writer. Capable of reading your card numbers by radio as well reading them by swipe. It uses capable of reading 9 type of cards. Once the magstripe is swiped past the reading head, the embedded data is decoded by the reader to authorise the transaction. Personally I don’t like buying with ATMS or VISAs or Master Cards because of things like this. How sure am I the employee isn’t having this device beside their payment system and can clone and rewrite my card. For this demo, we will use VISA. Carry enough cash if you don’t want to fall victim. Card skimming is still ongoing and the tools are getting advanced.

Nana Sei Anyemedu

74,526 次观看 • 2 年前

⚡️With HYRA AI, your idle device earns daily rewards by powering real AI training💸 No mining. No hassle. Just $HYRA passive income. 🎥 Watch this step-by-step video to turn your device into a money-making machine👇

⚡️With HYRA AI, your idle device earns daily rewards by powering real AI training💸 No mining. No hassle. Just $HYRA passive income. 🎥 Watch this step-by-step video to turn your device into a money-making machine👇

Hyra AI

20,814 次观看 • 1 年前

Is this the newest whatnot scam? Dope.cardz the Seller ignores custom or real questions. Hypes up a custom card. Sells it for $500+ with the buyer having no idea this is fake How is this allowed?? Card Purchaser

Is this the newest whatnot scam? Dope.cardz the Seller ignores custom or real questions. Hypes up a custom card. Sells it for $500+ with the buyer having no idea this is fake How is this allowed?? Card Purchaser

Mendys Cards

192,056 次观看 • 7 个月前