---
title: "Connect four with CSS-only"
url: https://daily.dev/posts/connect-four-with-css-only-mq4zsljg6
source_url: https://www.youtube.com/watch?v=hPuXilV9rLw
type: video:youtube
source: "Kevin Powell"
published: 2026-05-19T13:06:22.614Z
updated: 2026-05-19T13:06:36.507Z
tags: ["webdev", "css"]
reading_time: 1
upvotes: 19
comments: 2
language: en
---

> ## Documentation Index
> Fetch the complete documentation index at: https://daily.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Connect four with CSS-only

**[Kevin Powell](https://daily.dev/sources/kevinpowell)** · 1 min read · 19 upvotes · 2 comments

## Summary

A CSS-only implementation of Connect Four with no JavaScript, featuring 3D-style visuals and full win detection including diagonals. The demo challenges the notion that CSS isn't a programming language by showcasing what's possible with pure CSS game logic.

## Full article

daily.dev links to this article rather than hosting it. Read it at the original source: <https://www.youtube.com/watch?v=hPuXilV9rLw>

## Community discussion

Top comments from developers on daily.dev.

**@johndiddles** · 3 upvotes

> This isn't css. This is sorcery 🥵

**@11kilobytes\_of\_moka\_** · 1 upvotes

> CSS is becoming more goated every year

## Similar posts on daily.dev

- [Dynamic Node Connection \(CSS-only Diagram\)](https://daily.dev/posts/dynamic-node-connection-css-only-diagram--fe4f6bmm4) · CSS Tip · 21 upvotes · 1 comments

---

Tags: [#webdev](https://daily.dev/tags/webdev), [#css](https://daily.dev/tags/css)

[View this post on daily.dev](https://daily.dev/posts/connect-four-with-css-only-mq4zsljg6)