MagicPattern CSS Backgrounds!

Hey guys!
I recently discovered a tool called magicpattern. I love their css background builder. It’s free, and there’s NO SIGNUP REQUIRED!!


I really like their amazing - but simple and minimalistic - backgrounds, and I look forward to incorporating this into my Glide app!
17 Likes

Thank you for sharing!

2 Likes

Thank you man!!!

1 Like

Nice :+1: Maybe add to this thread? 🧰 Resources for building Glide apps

1 Like

That’s cool! So I copy my favorite CSS background and paste it to a Rich Text Component right?

2 Likes

TopShow, obrigado! E tem como incorporar uma imagem que preencha a tela toda?

I’ve seen people do it full screen with the rich text component. I’m not sure how though…

Yep

1 Like

no, is not working… why?

What isn’t working???

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;

Pasting CSS into your app doesn’t make an image. Let me investigate! (this was 3 months ago, so i kinda forgot)

i went tho that website posted in the top, copy link and paste

i’m creating a code book for guys like me who dont have experience with css, so we can easily test it and copy

1 Like

Awesome! Thank you for sharing.

1 Like

Why are you separating html from css? If I’m correct, you can’t display css properties without html…

like i said, im new to css… i have no idea what im doing :wink:
i just click copy code on that website

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 <img> or div tags will work in this situation… @Lucas_Pires Help? :grimacing:

2 Likes

i have a general idea, but i cant make it work lol

What is it? :nerd_face: