# MagicPattern CSS Backgrounds!
**URL:** https://community.glideapps.com/t/magicpattern-css-backgrounds/17352
**Category:** Community Resources
**Created:** [October 20, 2020, 6:36am UTC](https://community.glideapps.com/t/magicpattern-css-backgrounds/17352 "2020-10-20T06:36:11Z")
**Posts on this page:** 20
**Page:** 1
### Author:  [@Pablo\_books](https://community.glideapps.com/u/Pablo_books)
#### Post date: [October 20, 2020, 6:36am UTC](https://community.glideapps.com/t/magicpattern-css-backgrounds/17352/1 "2020-10-20T06:36:11Z")
Hey guys!
I recently discovered a tool called magicpattern. I love their css background builder. It’s free, and there’s NO SIGNUP REQUIRED!!
> **[CSS Background Patterns by MagicPattern](https://www.magicpattern.design/tools/css-backgrounds)**
>
> Beautiful pure CSS background patterns that you can actually use in your projects!
I really like their amazing - but simple and minimalistic - backgrounds, and I look forward to incorporating this into my Glide app!
---
### Author:  [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [October 20, 2020, 8:00am UTC](https://community.glideapps.com/t/magicpattern-css-backgrounds/17352/2 "2020-10-20T08:00:04Z")
Thank you for sharing!
---
### Author:  [@SantiagoPerez](https://community.glideapps.com/u/SantiagoPerez)
#### Post date: [October 20, 2020, 9:21am UTC](https://community.glideapps.com/t/magicpattern-css-backgrounds/17352/3 "2020-10-20T09:21:55Z")
Thank you man!!!
---
### Author:  [@Rosewebstudio](https://community.glideapps.com/u/Rosewebstudio)
#### Post date: [October 20, 2020, 9:47am UTC](https://community.glideapps.com/t/magicpattern-css-backgrounds/17352/4 "2020-10-20T09:47:11Z")
Nice 👍 Maybe add to this thread? [🧰 Resources for building Glide apps](https://community.glideapps.com/t/resources-for-building-glide-apps/12563/13)
---
### Author:  [@DareSteps](https://community.glideapps.com/u/DareSteps)
#### Post date: [October 20, 2020, 1:47pm UTC](https://community.glideapps.com/t/magicpattern-css-backgrounds/17352/5 "2020-10-20T13:47:56Z")
That’s cool! So I copy my favorite CSS background and paste it to a Rich Text Component right?
---
### Author:  [@Pedro](https://community.glideapps.com/u/Pedro)
#### Post date: [October 20, 2020, 11:16pm UTC](https://community.glideapps.com/t/magicpattern-css-backgrounds/17352/6 "2020-10-20T23:16:16Z")
TopShow, obrigado! E tem como incorporar uma imagem que preencha a tela toda?
---
### Author:  [@Pablo\_books](https://community.glideapps.com/u/Pablo_books)
#### Post date: [October 21, 2020, 3:51pm UTC](https://community.glideapps.com/t/magicpattern-css-backgrounds/17352/7 "2020-10-21T15:51:58Z")
I’ve seen people do it full screen with the rich text component. I’m not sure how though…
---
### Author:  [@Pablo\_books](https://community.glideapps.com/u/Pablo_books)
#### Post date: [October 21, 2020, 4:24pm UTC](https://community.glideapps.com/t/magicpattern-css-backgrounds/17352/8 "2020-10-21T16:24:44Z")
Yep
---
### Author:  [@Uzo](https://community.glideapps.com/u/Uzo)
#### Post date: [January 30, 2021, 7:21am UTC](https://community.glideapps.com/t/magicpattern-css-backgrounds/17352/9 "2021-01-30T07:21:37Z")
no, is not working… why?
---
### Author:  [@Pablo\_books](https://community.glideapps.com/u/Pablo_books)
#### Post date: [January 30, 2021, 7:53am UTC](https://community.glideapps.com/t/magicpattern-css-backgrounds/17352/10 "2021-01-30T07:53:48Z")
What isn’t working???
---
### Author:  [@Uzo](https://community.glideapps.com/u/Uzo)
#### Post date: [January 30, 2021, 8:00am UTC](https://community.glideapps.com/t/magicpattern-css-backgrounds/17352/11 "2021-01-30T08:00:28Z")
i’m new to CSS, i copy it and put in rich text, and it not work… i’m missing part of code
background-color: #E5E5F7;
opacity: 0.4;
background-image: radial-gradient(circle at center center, #444CF7, #E5E5F7), repeating-radial-gradient(circle at center center, #444CF7, #444CF7, 20px, transparent 40px, transparent 20px);
background-blend-mode: multiply;
---
### Author:  [@Pablo\_books](https://community.glideapps.com/u/Pablo_books)
#### Post date: [January 30, 2021, 8:01am UTC](https://community.glideapps.com/t/magicpattern-css-backgrounds/17352/12 "2021-01-30T08:01:43Z")
Pasting CSS into your app doesn’t make an image. Let me investigate! (this was 3 months ago, so i kinda forgot)
---
### Author:  [@Uzo](https://community.glideapps.com/u/Uzo)
#### Post date: [January 30, 2021, 8:02am UTC](https://community.glideapps.com/t/magicpattern-css-backgrounds/17352/13 "2021-01-30T08:02:41Z")
i went tho that website posted in the top, copy link and paste
---
### Author:  [@Uzo](https://community.glideapps.com/u/Uzo)
#### Post date: [January 30, 2021, 8:05am UTC](https://community.glideapps.com/t/magicpattern-css-backgrounds/17352/14 "2021-01-30T08:05:40Z")
i’m creating a code book for guys like me who dont have experience with css, so we can easily test it and copy
> **[Code Book](https://code-book.glideapp.io/)**
>
> share cool codes, scripts and links
---
### Author:  [@shej](https://community.glideapps.com/u/shej)
#### Post date: [January 30, 2021, 8:06am UTC](https://community.glideapps.com/t/magicpattern-css-backgrounds/17352/15 "2021-01-30T08:06:56Z")
Awesome! Thank you for sharing.
---
### Author:  [@Pablo\_books](https://community.glideapps.com/u/Pablo_books)
#### Post date: [January 30, 2021, 8:15am UTC](https://community.glideapps.com/t/magicpattern-css-backgrounds/17352/16 "2021-01-30T08:15:31Z")
Why are you separating html from css? If I’m correct, you can’t display css properties without html…
---
### Author:  [@Uzo](https://community.glideapps.com/u/Uzo)
#### Post date: [January 30, 2021, 8:17am UTC](https://community.glideapps.com/t/magicpattern-css-backgrounds/17352/17 "2021-01-30T08:17:04Z")
like i said, im new to css… i have no idea what im doing 😉
i just click copy code on that website
---
### Author:  [@Pablo\_books](https://community.glideapps.com/u/Pablo_books)
#### Post date: [January 30, 2021, 8:23am UTC](https://community.glideapps.com/t/magicpattern-css-backgrounds/17352/18 "2021-01-30T08:23:31Z")
You cannot display CSS without HTML. Pasting a bunch of css properties into a rich text component does absolutely nothing.
I’m not really sure if the `![]()
` or `div` tags will work in this situation… @Lucas_Pires Help? 😬
---
### Author:  [@Uzo](https://community.glideapps.com/u/Uzo)
#### Post date: [January 30, 2021, 8:26am UTC](https://community.glideapps.com/t/magicpattern-css-backgrounds/17352/19 "2021-01-30T08:26:37Z")
i have a general idea, but i cant make it work lol
---
### Author:  [@Pablo\_books](https://community.glideapps.com/u/Pablo_books)
#### Post date: [January 30, 2021, 8:31am UTC](https://community.glideapps.com/t/magicpattern-css-backgrounds/17352/20 "2021-01-30T08:31:13Z")
What is it? 🤓
[Next page](https://community.glideapps.com/t/magicpattern-css-backgrounds/17352.md?page=2)