正在加载视频...

视频加载失败

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

Introducing @renoun/screenshot 📸 Capture any HTML element as an image with pixel-perfect accuracy, including modern CSS features.

Travis Arnold

4,631 subscribers

58,450 次观看 • 8 个月前 •via X (Twitter)

艺术科学技术

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

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

相关视频

Introducing Same.dev Clone any website with pixel perfect accuracy One-shots Nike, Apple TV, Minecraft, and more!

Introducing Same.dev Clone any website with pixel perfect accuracy One-shots Nike, Apple TV, Minecraft, and more!

Aiden Bai

7,238,689 次观看 • 1 年前

🔥 CSS: Use gradients with mask-image to fade out parts of an element

🔥 CSS: Use gradients with mask-image to fade out parts of an element

Wes Bos

86,100 次观看 • 3 年前

Available now in Visual Studio Code Insiders, you can select and add elements directly to Chat! After opening any locally-hosted site via the built-in Simple Browser, click "Start" on the toolbar and select the element you want. This will attach a screenshot of the selected element, as well as the HTML and CSS of that element.

Available now in Visual Studio Code Insiders, you can select and add elements directly to Chat! After opening any locally-hosted site via the built-in Simple Browser, click "Start" on the toolbar and select the element you want. This will attach a screenshot of the selected element, as well as the HTML and CSS of that element.

Visual Studio Code

75,563 次观看 • 1 年前

This CSS Backlight Effect is sooooo damn cool! I've taken it a step further with SVG Filters Makes it work with any element - including video!

This CSS Backlight Effect is sooooo damn cool! I've taken it a step further with SVG Filters Makes it work with any element - including video!

Wes Bos

232,041 次观看 • 1 年前

Your real product lives in the browser. Introducing MagicPath web capture: Import any functional web element into a canvas, edit it visually or with AI, and even request changes right as you capture. You can now finally build with your real product. Capture. Edit. Ship.

Your real product lives in the browser. Introducing MagicPath web capture: Import any functional web element into a canvas, edit it visually or with AI, and even request changes right as you capture. You can now finally build with your real product. Capture. Edit. Ship.

Pietro Schirano

117,974 次观看 • 10 个月前

Chinese AI lab just killed Photoshop with its opensource AI image editing model. Qwen Image can perfectly edit any image while keeping everything else pixel-perfect. 100% free, local and Opensource.

Chinese AI lab just killed Photoshop with its opensource AI image editing model. Qwen Image can perfectly edit any image while keeping everything else pixel-perfect. 100% free, local and Opensource.

Shubham Saboo

101,849 次观看 • 1 年前

Introducing Screenshot-kit ⚡️ Fastest way to get website screenshots & videos with one API call. No browser automation hell. Features: ✅ Screenshot any website. ✅Capture full-page screenshots (entire scrollable page) ✅ Record scrolling videos for landing pages ✅ Multi resolution support. Use for Free on replicate, Check it out below ⬇️

Introducing Screenshot-kit ⚡️ Fastest way to get website screenshots & videos with one API call. No browser automation hell. Features: ✅ Screenshot any website. ✅Capture full-page screenshots (entire scrollable page) ✅ Record scrolling videos for landing pages ✅ Multi resolution support. Use for Free on replicate, Check it out below ⬇️

Ayush Yadav

21,803 次观看 • 8 个月前

i wasn't aware of `animation-timeline` css property if I be honest. with it you can use css `scroll()` function to tie an animation with the scroll progress of a scrollable element. here im animating a `mask-image`s size based on the scroll progress with `2rem` of threshold.

i wasn't aware of `animation-timeline` css property if I be honest. with it you can use css `scroll()` function to tie an animation with the scroll progress of a scrollable element. here im animating a `mask-image`s size based on the scroll progress with `2rem` of threshold.

Soren

184,850 次观看 • 10 个月前

In graph theory, there are algorithms that find the shortest path between two nodes. I made one with pure CSS (including the graph drawing). Drag the nodes, and the shortest path will update in real-time! A demo powered by all the modern CSS features🤩

In graph theory, there are algorithms that find the shortest path between two nodes. I made one with pure CSS (including the graph drawing). Drag the nodes, and the shortest path will update in real-time! A demo powered by all the modern CSS features🤩

CSS by T. Afif

1,202,160 次观看 • 7 个月前

$Google has solved a 20-year-old web problem.. It's called html-in-canvas, a new experimental Chrome feature that renders live HTML directly as a 3D texture. here's what it does: → draws any DOM element (dashboards, forms, entire app UIs) straight into a canvas → full CSS still works, flexbox, grid, shadows, backdrop-filter, animations → text stays selectable, inputs stay typeable, screen readers still see it → auto syncs with your DOM on every paint → pipes into any WebGL shader → distort, curl, refract, warp the wildest part: someone already built an html-cloth plugin that turns your live UI into simulated fabric.$

Google has solved a 20-year-old web problem.. It's called html-in-canvas, a new experimental Chrome feature that renders live HTML directly as a 3D texture. here's what it does: → draws any DOM element (dashboards, forms, entire app UIs) straight into a canvas → full CSS still works, flexbox, grid, shadows, backdrop-filter, animations → text stays selectable, inputs stay typeable, screen readers still see it → auto syncs with your DOM on every paint → pipes into any WebGL shader → distort, curl, refract, warp the wildest part: someone already built an html-cloth plugin that turns your live UI into simulated fabric.

How To Prompt

235,877 次观看 • 2 个月前

Introducing Atlas: The world's first multimodal world model that generates image and video frames with pixel-perfect camera control and reconstructs them in 3D. Model the world, move the camera, and simulate space & time.

Introducing Atlas: The world's first multimodal world model that generates image and video frames with pixel-perfect camera control and reconstructs them in 3D. Model the world, move the camera, and simulate space & time.

World Labs

10,729,166 次观看 • 17 天前

WANGYUE – New City Exploration Gameplay An upcoming urban open-world RPG with pet capture & training mechanics. Features: • Modern Chinese city setting • Humans & Moon Spirits coexist • Capture, train & battle with Moon Spirits Testing begins Q4 2026 Android, iOS & PC.

WANGYUE – New City Exploration Gameplay An upcoming urban open-world RPG with pet capture & training mechanics. Features: • Modern Chinese city setting • Humans & Moon Spirits coexist • Capture, train & battle with Moon Spirits Testing begins Q4 2026 Android, iOS & PC.

Ninjago

57,241 次观看 • 2 个月前

WANGYUE New Gameplay Revealed! An upcoming urban open-world RPG with pet capture & training mechanics. Features: • Modern Chinese city setting • Humans & Moon Spirits coexist • Capture, train & battle with Moon Spirits Platforms: Android, iOS & PC Release Date: TBA

WANGYUE New Gameplay Revealed! An upcoming urban open-world RPG with pet capture & training mechanics. Features: • Modern Chinese city setting • Humans & Moon Spirits coexist • Capture, train & battle with Moon Spirits Platforms: Android, iOS & PC Release Date: TBA

Ninjago

101,111 次观看 • 3 个月前

The free major 'Thank You' update is live now!! ❤️🌹 Bringing you a number of new features - including PHOTO MODE 📸 Access at any time from the pause menu and capture your favourite moments (even mid cutscene) !!

The free major 'Thank You' update is live now!! ❤️🌹 Bringing you a number of new features - including PHOTO MODE 📸 Access at any time from the pause menu and capture your favourite moments (even mid cutscene) !!

Clair Obscur: Expedition 33

719,695 次观看 • 9 个月前

Introducing Higgsfield Canvas: a state-of-the-art image editing model. Paint products directly onto your image with pixel-perfect control. Say hi to your new go-to for product placement, editing, and layout! 👋🏻 Comment Canvas to get the full guide in the DM.

Introducing Higgsfield Canvas: a state-of-the-art image editing model. Paint products directly onto your image with pixel-perfect control. Say hi to your new go-to for product placement, editing, and layout! 👋🏻 Comment Canvas to get the full guide in the DM.

Higgsfield AI 🧩

2,627,572 次观看 • 1 年前

Introducing Pixel To Poly, transform any 2D image into a stunning 3D game-ready avatar with ease, all for a simple flat fee of $199 USD. Orders can now be placed via: For more details, visit our Documentation:

Pixel To Poly

852,651 次观看 • 2 年前

Just released my new /lesson-generator skill. Use it with your agent to learn anything: - generate lessons/courses on any topic - include nano-banana images with my /image-generator skill - present the course as an HTML artifact And it's also available to use in our academy.

Just released my new /lesson-generator skill. Use it with your agent to learn anything: - generate lessons/courses on any topic - include nano-banana images with my /image-generator skill - present the course as an HTML artifact And it's also available to use in our academy.

elvis

58,698 次观看 • 3 个月前

Google Stitch just killed the old way of redesigning websites. You won’t believe how fast this actually works. Here’s the workflow everyone needs to steal → 1. Upload any screenshot 2. Tell Stitch “redesign this in modern dark mode” 3. AI rebuilds the entire UI 4. Export working HTML + CSS 5. Send straight to AI Studio You just collapsed a full designer → developer → revision cycle into minutes. Screenshot → UI → Code → Deployable. No friction. No handoffs. Save this video, you’ll rebuild your site in an afternoon. Want the SOP? DM me.

Google Stitch just killed the old way of redesigning websites. You won’t believe how fast this actually works. Here’s the workflow everyone needs to steal → 1. Upload any screenshot 2. Tell Stitch “redesign this in modern dark mode” 3. AI rebuilds the entire UI 4. Export working HTML + CSS 5. Send straight to AI Studio You just collapsed a full designer → developer → revision cycle into minutes. Screenshot → UI → Code → Deployable. No friction. No handoffs. Save this video, you’ll rebuild your site in an afternoon. Want the SOP? DM me.

Julian Goldie SEO

83,420 次观看 • 9 个月前

Spent the last few weeks building a pixel effects tool. What started as a side project with just image filters kept growing into presets, effects and here we are. Some of the best outputs came from just hitting Remix. 19 filters & 6 pixel effects. Drop any image. Walk away with something that feels like art. Try it out.

Spent the last few weeks building a pixel effects tool. What started as a side project with just image filters kept growing into presets, effects and here we are. Some of the best outputs came from just hitting Remix. 19 filters & 6 pixel effects. Drop any image. Walk away with something that feels like art. Try it out.

Blurr

45,069 次观看 • 3 个月前