---
title: "Discussion on \"How to make a modal using CSS \n:modal pseudo-class\" | Hashnode"
description: "Discussion on \"How to make a modal using CSS \n:modal pseudo-class\". In this article, we will explore how the CSS :modal pseudo-class works and how we can use that to make a modal."
url: "https://hashnode.com/posts/how-to-make-a-modal-using-css-modal-pseudo-class/67674789e6c584e8c094bfad"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [How to make a modal using CSS :modal pseudo-class](https://sunkanmi.hashnode.dev/how-to-make-a-modal-using-css-modal-pseudo-class?utm_source=hashnode&utm_medium=feed)

In this article, we will explore how the CSS :modal pseudo-class works and how we can use that to make a modal.

Dec 21, 2024 · 4 min read · sunkanmi.hashnode.dev  
Read the article

-   [#css](https://hashnode.com/tag/css)
-   [#css3](https://hashnode.com/tag/css3)
-   [#frontend-development](https://hashnode.com/tag/frontend-development)
-   [#howtos](https://hashnode.com/tag/howtos)
-   [#css-corner](https://hashnode.com/tag/css-corner)

## Written by

[Sunkanmi Fafowora](https://hashnode.com/@SunkanmiFafowora)

@SunkanmiFafowora · Lagos, Nigeria

  
[View profile](https://hashnode.com/@SunkanmiFafowora)

Software Engineer / Technical Writer

Lover of all things tech. I write articles on Front-end development, JavaScript, React, Python, and anything that makes my life easier. Thanks for stopping by! 😊💛

## Responses

Markdown supported · ⌘↵ to post

No responses yet.