正在加载视频...

视频加载失败

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

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

Travis Arnold

4,664 subscribers

57,720 次观看 • 5 个月前 •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,227,838 次观看 • 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,499 次观看 • 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,344 次观看 • 11 个月前

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

231,864 次观看 • 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,957 次观看 • 7 个月前

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

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

🖤 UI-verse 👉 851 open-source UI elements for any project ◆ 100% free for personal or commercial use ◆ Made with HTML & CSS ◆ Created by a community of over 10,000 contributors #design #uxui #ui #html #css #uidesign #components

🖤 UI-verse 👉 851 open-source UI elements for any project ◆ 100% free for personal or commercial use ◆ Made with HTML & CSS ◆ Created by a community of over 10,000 contributors #design #uxui #ui #html #css #uidesign #components

Adham Dannaway

72,032 次观看 • 3 年前

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 次观看 • 1 年前

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

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,200,631 次观看 • 4 个月前

how do you get the size and position of an HTML element?

how do you get the size and position of an HTML element?

Aiden Bai

37,038 次观看 • 1 年前

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 次观看 • 6 个月前

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

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

Struggling to make your UI stand out? CSSnippets – A collection of modern, reusable UI components! ✨Ready-to-use with HTML, CSS, React & Tailwind CSS ✨No frameworks, just pure CSS ✨Clean, minimal, and beautiful 🔗 Explore now: Save it for later! 🔖

Struggling to make your UI stand out? CSSnippets – A collection of modern, reusable UI components! ✨Ready-to-use with HTML, CSS, React & Tailwind CSS ✨No frameworks, just pure CSS ✨Clean, minimal, and beautiful 🔗 Explore now: Save it for later! 🔖

Shefali

22,953 次观看 • 1 年前

GPT4-V can describe the location via text, but can’t accurately output the coordinate of each word. Introducing: Pixel Aligned Language Models. It generates image captions along with the aligned pixel coordinates of the image. (1/n

GPT4-V can describe the location via text, but can’t accurately output the coordinate of each word. Introducing: Pixel Aligned Language Models. It generates image captions along with the aligned pixel coordinates of the image. (1/n

Jiarui Xu

65,304 次观看 • 2 年前

Got HTML rendering in canvas working AS IS on all browsers, including iOS Safari - html-in-canvas polyfill - interactions - hover, focus, active, typing etc - css animations - scrolling - caret and text selection - #threejs, #webgl, #webgpu support - dark/light mode Link below

Got HTML rendering in canvas working AS IS on all browsers, including iOS Safari - html-in-canvas polyfill - interactions - hover, focus, active, typing etc - css animations - scrolling - caret and text selection - #threejs, #webgl, #webgpu support - dark/light mode Link below

Palash Bansal

30,459 次观看 • 2 个月前

A cute lamp login page, made with HTML, CSS, JS😱🥹

A cute lamp login page, made with HTML, CSS, JS😱🥹

F.O.L.A

48,759 次观看 • 4 个月前