A circle with 12 circles

Hello guys! I am not a front end dev and I don't know at all how to make my idea appear as wanted.
I want to have a big circle in the middle of my screen. Then 12 other little circles have to sorround it.
All of the circles are in fact some images that have this form.
The 12 circlise should have like a nice bounce effect when covered and also like a little bit of glow/shine.
I will share a picture with the poor design that i have been able to do and maybe you can understand a little better.
Thank you for reading!

Joao•9/6/23, 6:58 PM

Maybe this can give you some inspiration: https://www.youtube.com/watch?v=eO33Rh3GFGk

YouTubeKevin Powell

CSS Trigonometry is surprisingly useful

I'm working on a course that covers Sass in real world situations, and a lot more: https://beyondcss.dev

Trigonometry is here in CSS with sin(), cos(), and tan(), as well as a few others. I kept seeing a lot of people excited for these, but I didn't really get why for a long time, but I found a good use case for sin() and cos() and wanted to sh...

shaken_1OP•9/6/23, 7:00 PM

I will try it right now! Thank you so much!

shaken_1OP•9/6/23, 7:05 PM

I honestly have never worked with .scss and I don't know how to link my html with that type of file

shaken_1OP•9/6/23, 7:32 PM

This is what I ve managed to do but it looks awful

shaken_1OP•9/6/23, 7:32 PM

shaken_1OP•9/6/23, 7:32 PM

Any help?

shaken_1OP•9/6/23, 7:33 PM

I want the image from the inside to be bigger but if I do that, then the others aren't around it anymore

b1mind•9/6/23, 7:43 PM

best if you put that in a codepen so we can see what's going on.

b1mind•9/6/23, 7:44 PM

https://pen.new

CodePen

...

Choo♚𝕂𝕚𝕟𝕘•9/6/23, 10:32 PM

Variables are set up for all the important sizes and they can be adjusted independently without messing up the structure. https://codepen.io/chooking/pen/yLGgBMG

CodePenChooKing

Circle of Circles

...