---
title: "Discussion on \"3 Secrets behind single div CSS art\" | Hashnode"
description: "Discussion on \"3 Secrets behind single div CSS art\". When i started making CSS drawings, i didn’t know about ‘Single div CSS art’, i was very amazed by what people can draw with only one div then i felt curious to know how these drawings are made.\nI went to Codepen and started to learn more about them,..."
url: "https://hashnode.com/posts/3-secrets-behind-single-div-css-art/5f4ab0963a844e5996536eca"
---

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

Discussion

[Laasri Nadia](https://hashnode.com/@nadialaasri)

Front end developer-CSS enthusiast

Aug 29, 2020

# [3 Secrets behind single div CSS art](https://nadialaasri.hashnode.dev/3-secrets-behind-single-div-css-art?utm_source=hashnode&utm_medium=feed)

When i started making CSS drawings, i didn’t know about ‘Single div CSS art’, i was very amazed by what people can draw with only one div then i felt curious to know how these drawings are made. I went to Codepen and started to learn more about them,...

nadialaasri.hashnode.dev 9 min read

[#html5](https://hashnode.com/tag/html5) [#css3](https://hashnode.com/tag/css3) [#codepen](https://hashnode.com/tag/codepen) [#css](https://hashnode.com/tag/css)

## Responses 2

Markdown supported · ⌘↵ to post

[Amarachi Johnson](https://hashnode.com/@amarachukwu)

💙

[Aug 30, 2020](https://hashnode.com/posts/3-secrets-behind-single-div-css-art/5f4ab0963a844e5996536eca/comment/5f4be99cf540845bb26f0704)

This is really amazing. Please how do I generate the linear gradient?

[Laasri Nadia](https://hashnode.com/@nadialaasri)

Front end developer-CSS enthusiast

[Aug 30, 2020](https://hashnode.com/posts/3-secrets-behind-single-div-css-art/5f4ab0963a844e5996536eca/comment/5f4be99cf540845bb26f0704#reply-5f4c0a2bf540845bb26f0892)

This is a very useful tool you can use : [cssgradient.io](https://cssgradient.io/)

[Sandeep Panda](https://hashnode.com/@sandeep)

co-founder, Hashnode

[Aug 29, 2020](https://hashnode.com/posts/3-secrets-behind-single-div-css-art/5f4ab0963a844e5996536eca/comment/5f4ab2b93a844e5996536ef4)

Great post! Please tag it with CSS for more visibility. :)

[Laasri Nadia](https://hashnode.com/@nadialaasri)

Front end developer-CSS enthusiast

[Aug 29, 2020](https://hashnode.com/posts/3-secrets-behind-single-div-css-art/5f4ab0963a844e5996536eca/comment/5f4ab2b93a844e5996536ef4#reply-5f4ab37f3a844e5996536f03)

Done. Thank you :)