正在加载视频...

视频加载失败

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

A swinging robot 🤖 Pure #CSS. Live demo and full code on @codepen:

Amit Sheen

5,951 subscribers

13,481 次观看 • 1 年前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

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

相关视频

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,341 次观看 • 3 年前

I wanted to create a broken glass effect with WebGL for a long time! Here it is: interactive, lightweight (around 10KB of GLSL + vanilla JS), and easy to customise (find more controls on codepen) Live demo & source code: Hosted on CodePen.IO

I wanted to create a broken glass effect with WebGL for a long time! Here it is: interactive, lightweight (around 10KB of GLSL + vanilla JS), and easy to customise (find more controls on codepen) Live demo & source code: Hosted on CodePen.IO

Ksenia Kondrashova

43,601 次观看 • 1 年前

"CSS Holographic Masks" by Christian Alder

"CSS Holographic Masks" by Christian Alder

CodePen.IO

42,325 次观看 • 1 年前

"Learn CSS: Clipping with SVG, shape-outside, shape-margin" by Victor A

"Learn CSS: Clipping with SVG, shape-outside, shape-margin" by Victor A

CodePen.IO

11,285 次观看 • 9 个月前

Tailwind CSS Tip ✨ You can create a floating input form with Tailwind CSS using ":placeholder-shown" pseudo class. Live Demo & Code 👇 (8/30) follow for 22 more tips 🔔

Tailwind CSS Tip ✨ You can create a floating input form with Tailwind CSS using ":placeholder-shown" pseudo class. Live Demo & Code 👇 (8/30) follow for 22 more tips 🔔

Surjith S M ✪

173,050 次观看 • 3 年前

Skewed infinite carousel w/ vignette effect ✨ Built entirely with Tailwind CSS – zero JavaScript required. Live demo & code 👇

Skewed infinite carousel w/ vignette effect ✨ Built entirely with Tailwind CSS – zero JavaScript required. Live demo & code 👇

Steven Tey

472,614 次观看 • 2 年前

"Avatar Indicators, using CSS Mask / Trig" by Simon Goellner

CodePen.IO

21,647 次观看 • 9 个月前

"CSS <color-input> Color Picker" by Adam Argyle

"CSS <color-input> Color Picker" by Adam Argyle

CodePen.IO

11,668 次观看 • 6 个月前

Cards Hover Effect woth pure CSS and HTML 🚀🔥 Code in the comments 🧑‍💻

Cards Hover Effect woth pure CSS and HTML 🚀🔥 Code in the comments 🧑‍💻

David Mráz

149,500 次观看 • 3 年前

I and Jason are currently working on implementing the CSS `polygon() round` keyword in Chrome. This is one of my favorite CSS features! Thanks to Lea Verou, PhD for bringing it to CSS. The CodePen link is coming soon.

I and Jason are currently working on implementing the CSS `polygon() round` keyword in Chrome. This is one of my favorite CSS features! Thanks to Lea Verou, PhD for bringing it to CSS. The CodePen link is coming soon.

一丝

27,849 次观看 • 2 个月前

⚡️ CSS ::highlight() + TreeWalker for dynamic text search: - No DOM manipulation - Pure CSS ::highlight() styling - Efficient TreeWalker traversal [Code Snippet 👇]

⚡️ CSS ::highlight() + TreeWalker for dynamic text search: - No DOM manipulation - Pure CSS ::highlight() styling - Efficient TreeWalker traversal [Code Snippet 👇]

Bharat Kara

39,243 次观看 • 10 个月前

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,209 次观看 • 3 年前

Shaq escorted out by his robot buddy 🤖😅 🌟 #NBAAllStar is LIVE on TNT

Shaq escorted out by his robot buddy 🤖😅 🌟 #NBAAllStar is LIVE on TNT

NBA

204,355 次观看 • 1 年前

3D Landing Page Template (Source Code - Free)! built with - Next.js - Tailwind CSS - Three.js - GSAP A lightweight, visually impactful 3D Demo + Source Code (Free) : 1st comment 👇

3D Landing Page Template (Source Code - Free)! built with - Next.js - Tailwind CSS - Three.js - GSAP A lightweight, visually impactful 3D Demo + Source Code (Free) : 1st comment 👇

Mohamed Djoudir

48,342 次观看 • 5 个月前

It took 40 minutes and 0 tears to create this toggle 😛 Just CSS and HTML. Link to CodePen in comments 👇

It took 40 minutes and 0 tears to create this toggle 😛 Just CSS and HTML. Link to CodePen in comments 👇

Viki ✨

342,927 次观看 • 2 年前

Evaluating policies on a real robot can be painful. Can we use a world model to get a rough estimate of how good a policy is? Checkout "Evaluating Robot Policies in a World Model". Paper: Demo: Code:

Evaluating policies on a real robot can be painful. Can we use a world model to get a rough estimate of how good a policy is? Checkout "Evaluating Robot Policies in a World Model". Paper: Demo: Code:

Sherry Yang

36,568 次观看 • 1 年前

one shotted this with gemini 3.1 pro codepen link in comment - its simple html/css/js

one shotted this with gemini 3.1 pro codepen link in comment - its simple html/css/js

Chetaslua

163,561 次观看 • 3 个月前

#CSS sibling-index() and sibling-count() available Chrome Canary with experiments enabled! easily stagger effects like: `transition-delay: calc(sibling-index() * .1s);` more info and a Codepen to fork ⤷

#CSS sibling-index() and sibling-count() available Chrome Canary with experiments enabled! easily stagger effects like: `transition-delay: calc(sibling-index() * .1s);` more info and a Codepen to fork ⤷

Adam Argyle

22,444 次观看 • 1 年前

Thanos Effect? I think it’s perfect naming. All code finally available on CodePen. Snap responsibly

Thanos Effect? I think it’s perfect naming. All code finally available on CodePen. Snap responsibly

Mike Bespalov

108,216 次观看 • 1 年前