Icon Animation in skin for VR Mode
Posted: Thu Jul 03, 2025 10:20 pm
I can’t animate hotspot icons in VR mode. I’m trying to achieve a result like this: https://www.thinglink.com/webvr/1264679527141867522. However, even a simple style (below) only works in a regular browser:
When I apply this style to the VR skin, the icons remain static. Any advice?
Code: Select all
.medallion {
position: relative;
width: 100px;
height: 100px;
transform-style: preserve-3d;
animation: spinY 4s linear infinite;
}
.medallion svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
@keyframes spinY {
from { transform: rotateY(0deg); }
to { transform: rotateY(360deg); }
}