Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

A new HTML+CSS toggle switch. This time inspired by a design by Jon Kantner. Via CodePen:

alvaro_montoro's profile picture

Álvaro Montoro

3,244 subscribers

33,523 görüntüleme • 2 yıl önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

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

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

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

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

CodePen.IO

12,097 görüntüleme • 11 ay önce

Oh my, a new sighting of Mr. Cobra! "Bouncy Pagination" by Adam Kuhn
0:19

Oh my, a new sighting of Mr. Cobra! "Bouncy Pagination" by Adam Kuhn

CodePen.IO

23,582 görüntüleme • 3 yıl önce

Day 15: Mastering CSS Animation Inspired by
0:14

Day 15: Mastering CSS Animation Inspired by

Ali Samadi

23,619 görüntüleme • 2 yıl önce

با این #هوش_مصنوعی متن‌باز، رایگان و نامحدود میتونید کد HTML/CSS/JS بزنید(بزنه!). #فرانت_اند بیکار نشه! ((: #design #ui #ux #طراحی #فرانت_اند #html #css #js #برنامه_نویسی
0:15

با این #هوش_مصنوعی متن‌باز، رایگان و نامحدود میتونید کد HTML/CSS/JS بزنید(بزنه!). #فرانت_اند بیکار نشه! ((: #design #ui #ux #طراحی #فرانت_اند #html #css #js #برنامه_نویسی

Nabi

22,032 görüntüleme • 1 yıl önce

new skill: improve-ui built to audit interfaces against their own design language, inspired by shadcn's improve skill. it reads your repo's design context: DESIGN.md, CSS, shared components, etc. then finds where the UI breaks its own rules and writes a plan to fix it
0:15

new skill: improve-ui built to audit interfaces against their own design language, inspired by shadcn's improve skill. it reads your repo's design context: DESIGN.md, CSS, shared components, etc. then finds where the UI breaks its own rules and writes a plan to fix it

Ibelick

104,596 görüntüleme • 3 ay önce

– One HTML attribute – One JavaScript event listener – Configurable via CSS custom properties Let's get this explodin' 🤙
0:18

– One HTML attribute – One JavaScript event listener – Configurable via CSS custom properties Let's get this explodin' 🤙

jhey ʕ•ᴥ•ʔ

531,183 görüntüleme • 2 yıl önce

work on a custom texture for a design inspired by a heart being ripped out
0:14

work on a custom texture for a design inspired by a heart being ripped out

lemáine🩸

74,279 görüntüleme • 2 yıl önce

✍️ New article: CSS cap unit A look at how I solved a design problem with CSS cap unit. 🔗
0:18

✍️ New article: CSS cap unit A look at how I solved a design problem with CSS cap unit. 🔗

Ahmad Shadeed

34,492 görüntüleme • 2 yıl önce

A’ja Wilson debuted a new Nike A’Two PE inspired by her time as a Girl Scout 🏕️
0:14

A’ja Wilson debuted a new Nike A’Two PE inspired by her time as a Girl Scout 🏕️

Nice Kicks

20,201 görüntüleme • 3 ay önce

Quick demo of this CSS-driven configuration coming in Tailwind CSS v4 — creating a new `font-comic` utility by just creating a new CSS variable under our new `@​theme` directive. No JS configuration file, all the same theme customization flexibility 🤩
0:16

Quick demo of this CSS-driven configuration coming in Tailwind CSS v4 — creating a new `font-comic` utility by just creating a new CSS variable under our new `@​theme` directive. No JS configuration file, all the same theme customization flexibility 🤩

Adam Wathan

95,439 görüntüleme • 2 yıl önce

Adding the new hud stuff to target smash, pretty new to html+css but happy with this menu so far
0:11

Adding the new hud stuff to target smash, pretty new to html+css but happy with this menu so far

Lillykyu

14,692 görüntüleme • 2 ay önce

🇾🇪 Introducing our 2026/27 home kit 😍 Classic by design. United by nature. 👌 A timeless, retro-inspired design, featuring a knitted collar and black trims. 📲 Get yours now!
0:20

🇾🇪 Introducing our 2026/27 home kit 😍 Classic by design. United by nature. 👌 A timeless, retro-inspired design, featuring a knitted collar and black trims. 📲 Get yours now!

FC United of Manchester 🟥⬜⬛

46,934 görüntüleme • 6 ay önce

How to create a Simple Sushi 🍣 Restaurant Landing Page. I’ll provide you with the HTML, CSS, and JavaScript code snippets to build it step by step.
0:13

How to create a Simple Sushi 🍣 Restaurant Landing Page. I’ll provide you with the HTML, CSS, and JavaScript code snippets to build it step by step.

Dhanian 🗯️

46,880 görüntüleme • 2 yıl önce

"Truchet Tiles" by Rafa
0:19

"Truchet Tiles" by Rafa

CodePen.IO

14,849 görüntüleme • 2 yıl önce