---
title: "Discussion on \"Difference between display:none & visibility:hidden CSS property\" | Hashnode"
description: "Discussion on \"Difference between display:none & visibility:hidden CSS property\". I usually get confused between **display: none ** and visibility: hidden but I can say that after reading this short blog you will never get confused between them✌️.\nLet's say we have this code with 3 boxes of different colors\nindex.html\n<div class=\"..."
url: "https://hashnode.com/posts/difference-between-displaynone-visibilityhidden-css-property/62556e34b32ddd968bbeb752"
---

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

Discussion

# [Difference between display:none & visibility:hidden CSS property](https://codingculprit.com/difference-between-displaynone-visibilityhidden-css-property?utm_source=hashnode&utm_medium=feed)

I usually get confused between \*\*display: none \*\* and visibility: hidden but I can say that after reading this short blog you will never get confused between them✌️. Let's say we have this code with 3 boxes of different colors index.html <div class="...

Apr 12, 2022 · 2 min read · codingculprit.com  
Updated May 8, 2023  
Read the article

-   [#css](https://hashnode.com/tag/css)
-   [#css-frameworks](https://hashnode.com/tag/css-frameworks)
-   [#web-development](https://hashnode.com/tag/web-development)
-   [#webdev](https://hashnode.com/tag/webdev)

## Written by

[Jatin Dixit](https://hashnode.com/@JatinDixit)

@JatinDixit · India

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

Let's get better by 1% everyday.

## Responses

Markdown supported · ⌘↵ to post

No responses yet.