Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

amit_sheen's profile picture

Amit Sheen

5,951 subscribers

13,481 görüntüleme • 1 yıl önce •via X (Twitter)

#CSS
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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 🔔
0:12

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 görüntüleme • 3 yıl önce

"CSS Holographic Masks" by Christian Alder
0:11

"CSS Holographic Masks" by Christian Alder

CodePen.IO

42,325 görüntüleme • 1 yıl önce

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
0:18

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 görüntüleme • 1 yıl önce

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

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

CodePen.IO

11,285 görüntüleme • 9 ay önce

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 🔔
0:17

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 görüntüleme • 3 yıl önce

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

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

Steven Tey

472,614 görüntüleme • 2 yıl önce

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

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

CodePen.IO

21,647 görüntüleme • 8 ay önce

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

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

CodePen.IO

11,668 görüntüleme • 6 ay önce

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

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

David Mráz

149,500 görüntüleme • 3 yıl önce

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.
0:17

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 görüntüleme • 2 ay önce

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

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

Bharat Kara

39,243 görüntüleme • 10 ay önce

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 🔔
0:11

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 görüntüleme • 3 yıl önce

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

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

NBA

204,355 görüntüleme • 1 yıl önce

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 👇
0:12

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 görüntüleme • 5 ay önce

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

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

Viki ✨

342,927 görüntüleme • 2 yıl önce

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

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

Chetaslua

163,561 görüntüleme • 3 ay önce

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:
0:10

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 görüntüleme • 1 yıl önce

#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 ⤷
0:11

#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 görüntüleme • 1 yıl önce

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

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

Mike Bespalov

108,135 görüntüleme • 1 yıl önce