正在加载视频...

视频加载失败

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

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 次观看 • 10 个月前 •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,240,700 次观看 • 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 年前

Introducing 4K S. Pixel-perfect 4K60 capture. Only $159.99. Available now:

Introducing 4K S. Pixel-perfect 4K60 capture. Only $159.99. Available now:

Elgato

347,682 次观看 • 1 年前

pokemon red - reverse engineered in vanilla html/css/typescript, pixel perfect, no emulator modding will never be the same

pokemon red - reverse engineered in vanilla html/css/typescript, pixel perfect, no emulator modding will never be the same

kyle qian

54,511 次观看 • 2 个月前

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,167 次观看 • 2 年前

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

118,243 次观看 • 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 次观看 • 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

102,316 次观看 • 1 年前

Got an image that should be pixel..y? Like a QR code? Make sure it *stays* pixely then. It's just a single CSS property away.

Got an image that should be pixel..y? Like a QR code? Make sure it stays pixely then. It's just a single CSS property away.

Master.dev (Formerly Frontend Masters)

61,076 次观看 • 2 年前

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

185,447 次观看 • 1 年前

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,757 次观看 • 8 个月前

Prompt: Create an animation of a single flower blooming in a pot. Using HTML/CSS/JS in a single HTML file.

Prompt: Create an animation of a single flower blooming in a pot. Using HTML/CSS/JS in a single HTML file.

Diego | AI 🚀 - e/acc

114,362 次观看 • 10 个月前

What I coded today as a software engineer! HTML/CSS/JS edition ✨

What I coded today as a software engineer! HTML/CSS/JS edition ✨

˗ˏˋmewtru´ˎ˗

212,852 次观看 • 2 年前

Introducing Magic Capture on the new Google Pixel 11 series. Ask more of your phone.

Introducing Magic Capture on the new Google Pixel 11 series. Ask more of your phone.

Google India

22,044 次观看 • 2 个月前

Introducing Magic Capture on the new Google Pixel 11 series. Ask more of your phone.

Introducing Magic Capture on the new Google Pixel 11 series. Ask more of your phone.

Google India

26,509 次观看 • 2 个月前

Screenshot to HTML Keeps trying to match your screenshot to the HTML output using OpenAI vision model

Screenshot to HTML Keeps trying to match your screenshot to the HTML output using OpenAI vision model

Dushyant

2,167,013 次观看 • 3 年前

$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

238,062 次观看 • 3 个月前