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!
7 Replies
Maybe this can give you some inspiration: https://www.youtube.com/watch?v=eO33Rh3GFGk
Kevin Powell
YouTube
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...
I will try it right now! Thank you so much!
I honestly have never worked with .scss and I don't know how to link my html with that type of file
This is what I ve managed to do but it looks awful
Any help?
I want the image from the inside to be bigger but if I do that, then the others aren't around it anymore
best if you put that in a codepen so we can see what's going on.
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