We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.

annotation animation and transformation

Home Forums Puzzles annotation animation and transformation

Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #84825
    3dma
    Customer

    Hi guys! I am trying to implement animation of changing the scale of annotation icons on hover or click, but it doesn’t work. What is the correct way to implement this effect?
    try diffrent way -thro css transform and thro 3d object transformation

    I want an effect like in the Scooter app, but there they use 3D objects as button, and I have an annotation 2d object.

    #84829

    Hi,
    You CSS code can not be executed this way (using the exec script puzzle). To apply your custom CSS logic create a new <style> element and put your CSS code as “textContent”:

    Soft8Soft Tech Chief
    Want more Verge3D updates? Follow me on X, Facebook, or LinkedIn

    #84877
    3dma
    Customer

    Thank you!
    1/ I don’t understand how to use puzzles to reference this behavior only for the object when hovering over it?
    The only thing I found was to add an exec script that completely describes the behavior without puzzles.

    2/ Is there a way to reference the annotation icon itself?
    The biggest problem right now is that when you scale the annotation on hover, the annotation dialog also scales.

    https://www.loom.com/share/82073043b5384de0bc8f2bdffc8f288c?sid=47180812-af91-431e-99ad-caf3d72cb65f

    • This reply was modified 2 months ago by 3dma.
    • This reply was modified 2 months ago by 3dma.
    #84913

    Hi,
    It’s a bit tricky, but you can create custom CSS animation that changes width/height/offset etc. of the “.v3d-annotation” class. This way the child dialog element won’t be affected.

    Soft8Soft Tech Chief
    Want more Verge3D updates? Follow me on X, Facebook, or LinkedIn

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.