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 https://github.com/bgstaal/multipleWindow3dScene/issues/7#issuecomment-1831645444, 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 https://github.com/bgstaal/multipleWindow3dScene/issues/7#issuecomment-1831645444, 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