How to get spherical effect

[abhilash-malkar]

How to get spherical effect like this

[loneicewolf]

I agree :) will watch this convo closely 👍🏼

[EstebanMAP]

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

[ShinoKana]

https://github.com/ShinoKana/multipleWindow3dScene

[P3trol]

Amazing code!

[EstebanMAP]

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

[loneicewolf]

thanks for posting this screenshot @ShinoKana

[Runtrons]

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

[CypherpunkSamurai]

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

[abhilash-malkar]

but there is no effect like shown in instagram

[jiangjiang2754]

.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.

[hojooo]

@jiangjiang2754
How do apply this css code?

[Runtrons]

@jiangjiang2754 How do apply this css code?

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

[Nickeldon]

@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

[loneicewolf]

@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 :)

[Lobohombo]

En el idioma de mi país por favor México Único dueñoDarioRodolfo El mié., 29 de noviembre de 2023 4:43, William Martens < ***@***.***> escribió:

…

@jiangjiang2754 <https://github.com/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 :) — Reply to this email directly, view it on GitHub <#7 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/BEJM2TLVBRHZ3YOZIDBAXATYG4GTPAVCNFSM6AAAAAA7ZFRK3KVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTQMZRGY2DKNBUGQ> . You are receiving this because you are subscribed to this thread.Message ID: ***@***.***>

[loneicewolf]

english? sorry :o

[Lobohombo]

Gracias pero soy de tercera edad y no se leer su página web Único dueñoDarioRodolfo El mié., 29 de noviembre de 2023 4:43, William Martens < ***@***.***> escribió:

…

@jiangjiang2754 <https://github.com/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 :) — Reply to this email directly, view it on GitHub <#7 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/BEJM2TLVBRHZ3YOZIDBAXATYG4GTPAVCNFSM6AAAAAA7ZFRK3KVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTQMZRGY2DKNBUGQ> . You are receiving this because you are subscribed to this thread.Message ID: ***@***.***>

[Runtrons]

@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.

[loneicewolf]

@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) :)

[ruijieren98]

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