How to get spherical effect about multiplewindow3dscene HOT 20 OPEN

Wanna also, the code are with 2 squares, wanna to know how can we do this spherical effect.

from multiplewindow3dscene.

I agree :) will watch this convo closely 👍🏼

from multiplewindow3dscene.

https://github.com/ShinoKana/multipleWindow3dScene

from multiplewindow3dscene.

.ball {
width: 150px;
height: 150px;
border-radius: 50%;
position: relative;
transform-style: preserve-3d;
animation: spin 5s linear infinite;
}
.ball::before, .ball::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
border-radius: 50%;
background-color: #c1c1c1;
box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
}
.ball::before {
transform: rotateY(90deg) translateX(75px);
}
.ball::after {
transform: rotateX(90deg) translateY(75px);
}
@Keyframes spin {
0% {
transform: rotateX(0deg) rotateY(0deg);
}
100% {
transform: rotateX(90deg) rotateY(360deg);
}
}
The effect of the above code is a three-dimensional gray sphere, constantly rotating.

from multiplewindow3dscene.

@jiangjiang2754 How do apply this css code?

I don’t think that’s the same thing. But, I would ask chat gpt.

from multiplewindow3dscene.

@jiangjiang2754 How do apply this css code?

I don’t think that’s the same thing. But, I would ask chat gpt.

Don't use ChatGPT. It will just make your life harder (in terms of coding). Rather start to learn web developement

from multiplewindow3dscene.

Amazing code!

from multiplewindow3dscene.

ye amazing, good job, but if someone still have the code who him post on instagram, let us know

from multiplewindow3dscene.

thanks for posting this screenshot @ShinoKana

from multiplewindow3dscene.

Yes, PLEASE. I need the code it’s so cool! I’ll literally pay a couple bucks.

from multiplewindow3dscene.

Reference https://www.instagram.com/reel/Cz827m0tYy1/?igshid=MzRlODBiNWFlZA==

from multiplewindow3dscene.

but there is no effect like shown in instagram

from multiplewindow3dscene.

@jiangjiang2754
How do apply this css code?

from multiplewindow3dscene.

@jiangjiang2754 How do apply this css code?

I don’t think that’s the same thing. But, I would ask chat gpt.

Don't use ChatGPT. It will just make your life harder (in terms of coding). Rather start to learn web developement

agree here, it's a bit better to use manual coding than a bot, even if the bot would produce, a actual good code, it's better to learn it :)

from multiplewindow3dscene.

from multiplewindow3dscene.

english? sorry :o

from multiplewindow3dscene.

from multiplewindow3dscene.

@jiangjiang2754 How do apply this css code?

I don’t think that’s the same thing. But, I would ask chat gpt.

Don't use ChatGPT. It will just make your life harder (in terms of coding). Rather start to learn web developement

I asked it to recreate the orb (From a single image), this is what GPT4 did first try:

If you truly think that then its because you have not tried GPT4 or you do not know how to use it.

from multiplewindow3dscene.

@jiangjiang2754 How do apply this css code?

I don’t think that’s the same thing. But, I would ask chat gpt.

Don't use ChatGPT. It will just make your life harder (in terms of coding). Rather start to learn web developement

I asked it to recreate the orb (From a single image), this is what GPT4 did first try: <img alt="Screenshot 2023-11-26 at 9 06 52 PM" width="494" src="https://private-user-images.githubusercontent.com/67560747/287079947-

If you truly think that then its because you have not tried GPT4 or you do not know how to use it.

I think he just meant generally speaking, that is - don't recommend to use GPT because the code or output might be bad in some way that we dont know or is hard to identify (note, I am not saying it's not good to use it, im saying just be careful) :)

from multiplewindow3dscene.

We also tried to develop the code toward 3D effect for a bit. Check it here https://github.com/ruijieren98/multipleWindow3dScene

from multiplewindow3dscene.