正在加载视频...

视频加载失败

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

💡 DevTools tip: You can make your console.log stand out by adding some CSS to it! 🎨

bolt.new

121,678 subscribers

32,649 次观看 • 2 年前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

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

相关视频

💡 CSS Tip! Do you know that One-Time password field? You can create it using only one input and a few lines of CSS. The HTML: <input type="text" maxlength="6"> Code & Demo: You can control the number of characters by adjusting the maxlength attribute.

💡 CSS Tip! Do you know that One-Time password field? You can create it using only one input and a few lines of CSS. The HTML: <input type="text" maxlength="6"> Code & Demo: You can control the number of characters by adjusting the maxlength attribute.

CSS by T. Afif

25,205 次观看 • 1 年前

Tailwind CSS Tip ✨ You can create some cool looking loaders and spinners using Tailwind CSS. Thanks to Tailscan for Tailwind CSS for the inspiration. Demo & Code 👇 (14/30) follow for 16 more tips 🔔

Tailwind CSS Tip ✨ You can create some cool looking loaders and spinners using Tailwind CSS. Thanks to Tailscan for Tailwind CSS for the inspiration. Demo & Code 👇 (14/30) follow for 16 more tips 🔔

Surjith S M ✪

140,240 次观看 • 3 年前

In Firefox DevTools you can use a visual editor to adjust CSS clip-path of an element! Love such small features, just like the visual controls for flexbox and grid in Chrome DevTools 🔥

In Firefox DevTools you can use a visual editor to adjust CSS clip-path of an element! Love such small features, just like the visual controls for flexbox and grid in Chrome DevTools 🔥

Minko Gechev

14,504 次观看 • 3 年前

💡 CSS Tip! Create a Sticky Header that "sticks"! A fancy effect powered by Scroll-Driven Animations and shape().

💡 CSS Tip! Create a Sticky Header that "sticks"! A fancy effect powered by Scroll-Driven Animations and shape().

CSS by T. Afif

22,524 次观看 • 6 个月前

We're adding some new default worlds to our preview demo, check it out at Make sure to prompt your own world as well, anything you imagine is possible.

We're adding some new default worlds to our preview demo, check it out at Make sure to prompt your own world as well, anything you imagine is possible.

Bryce Schmidtchen

11,662,827 次观看 • 5 个月前

📝 Solved by CSS Scroll-Driven Animations: hide a header when scrolling down, show it again when scrolling up By adding a long transition-delay to a CSS property under certain conditions (with a Style Query), you can persist its value Demo by Fabrizio Calderan

📝 Solved by CSS Scroll-Driven Animations: hide a header when scrolling down, show it again when scrolling up By adding a long transition-delay to a CSS property under certain conditions (with a Style Query), you can persist its value Demo by Fabrizio Calderan

Bram.us (by @bramus)

15,635 次观看 • 2 年前

💡 CSS Tip! Get the scroll progress of the page as a CSS variable using a few lines of code ✅ Powered by Scroll driven animations ✅ Defined at the root level ✅ Typed using @property ✅ You can easily use it within any formula CodePen.IO demo in the reply 👇

💡 CSS Tip! Get the scroll progress of the page as a CSS variable using a few lines of code ✅ Powered by Scroll driven animations ✅ Defined at the root level ✅ Typed using @property ✅ You can easily use it within any formula CodePen.IO demo in the reply 👇

CSS by T. Afif

35,659 次观看 • 2 年前

💡CSS Tip! Create a tooltip that follows an anchor with modern CSS! No JavaScript is used to control the position of the tooltip or its tail. It's 100% CSS magic!

💡CSS Tip! Create a tooltip that follows an anchor with modern CSS! No JavaScript is used to control the position of the tooltip or its tail. It's 100% CSS magic!

CSS by T. Afif

57,924 次观看 • 1 年前

Tip: *only* using CSS you can apply styles to a number input conditionally depending on whether its value is within our out of range 🤯

Tip: only using CSS you can apply styles to a number input conditionally depending on whether its value is within our out of range 🤯

Minko Gechev

108,691 次观看 • 3 年前

Amazing How to Train Your Dragon lamp! 🐉💡🎨 by sazunecreations

Amazing How to Train Your Dragon lamp! 🐉💡🎨 by sazunecreations

DDSTAR

902,822 次观看 • 6 个月前

Tip 25: With some code, you can make particles "Always On Top" by abusing their ZOffset property and a call to WorldToViewportPoint. See here: #robloxdev

Tip 25: With some code, you can make particles "Always On Top" by abusing their ZOffset property and a call to WorldToViewportPoint. See here: #robloxdev

Peter McNeill

48,027 次观看 • 3 年前

Tailwind CSS Tip ✨ You can create a pure css carousel in Tailwind CSS using scroll snap. Live demo ↓ (21/30) follow for 9 more tips 🔔

Tailwind CSS Tip ✨ You can create a pure css carousel in Tailwind CSS using scroll snap. Live demo ↓ (21/30) follow for 9 more tips 🔔

Surjith S M ✪

203,392 次观看 • 3 年前

Pro tip: Before you hand out your contact info, make sure you aren't delivering it straight to the head of security🤣🤣

Pro tip: Before you hand out your contact info, make sure you aren't delivering it straight to the head of security🤣🤣

Sienna

34,026 次观看 • 27 天前

Tailwind CSS Tip (24/30) ✨ You can create a transparent text effect in Tailwind CSS using (•••••••••••) Guess the CSS Property. You can use this Play Link as a starter: Answer will be shared later today 😉

Tailwind CSS Tip (24/30) ✨ You can create a transparent text effect in Tailwind CSS using (•••••••••••) Guess the CSS Property. You can use this Play Link as a starter: Answer will be shared later today 😉

Surjith S M ✪

45,134 次观看 • 3 年前

Didn't make it to Worlds 2025? But you can still win some Riot Points by showing us your League inspired nail designs under GXNailArt hashtag.

Didn't make it to Worlds 2025? But you can still win some Riot Points by showing us your League inspired nail designs under GXNailArt hashtag.

Opera GX

1,215,757 次观看 • 11 个月前

Tip: Chrome DevTools now supports breadcrumbs in Performance Panel! Set, jump, & zoom between key moments. You can also set nested breadcrumbs.

Tip: Chrome DevTools now supports breadcrumbs in Performance Panel! Set, jump, & zoom between key moments. You can also set nested breadcrumbs.

Addy Osmani

47,305 次观看 • 2 年前

facepainting pro tip: you can make pixel faces by drawing using a 1 px brush and then resizing it up!!!!

facepainting pro tip: you can make pixel faces by drawing using a 1 px brush and then resizing it up!!!!

colin!!!

539,088 次观看 • 10 个月前

border-radius can actually take up to eight values, like: `10% 5% 5% 10% / 5% 10% 10% 5%` that lets you create all kinds of organic shapes in pure css! add blur + some layering and you can make it into a fancy glowing loader

border-radius can actually take up to eight values, like: `10% 5% 5% 10% / 5% 10% 10% 5%` that lets you create all kinds of organic shapes in pure css! add blur + some layering and you can make it into a fancy glowing loader

daniel petho

44,834 次观看 • 7 个月前

Quick Tip 💡 Teachers can enhance presentations with Canva Draw by designing engaging visual aids like diagrams, charts, infographics, and illustrations. These visuals make it easier for students to understand complex concepts and create a more interactive learning experience.

Quick Tip 💡 Teachers can enhance presentations with Canva Draw by designing engaging visual aids like diagrams, charts, infographics, and illustrations. These visuals make it easier for students to understand complex concepts and create a more interactive learning experience.

Canva Education

32,940 次观看 • 3 年前