Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #412300 Score: 1
    Profile photo of Jack Gayler
    Jack Gayler
    Member
    beginner
    intermediate
    friend finder
    picture perfect
    advanced
    group mod
    entry
    entry
    entry
    entry
    1 pt
    @jgayler6869

    Additional to Hover/Down states, it would be great to see button animations, e.g:

    • Hover over = Makes the button grow 20%
    • Hover over = Wiggles the button
    • Hover over = Floats the button
    • Click down = Shrinks button 10%
    • Click down = Pops the button

    Just off the top of my head, feel free to add suggestions below.

    This post has received 1 vote up.
    #412309 Score: 1
    Profile photo of Math Notermans
    Math Notermans
    Member
    contributor
    intermediate
    advanced
    friend finder
    junior moderator
    advocate
    LUC16 Attendee
    LUC16
    wise owl
    curious george
    106 pts
    @mnotermans5114

    with a bit of Javascript, CSS or GSAP thats easy to achieve…

    This post has received 1 vote up.
    #412422 Score: 0
    Profile photo of Laura Silver
    Laura Silver
    Moderator
    junior moderator
    verified member
    beginner
    intermediate
    contributor
    wise owl
    friend finder
    advanced
    curious george
    Group Member
    21 pts
    @lsilver

    These are great suggestions, thank you for submitting!

    #412536 Score: 0
    Profile photo of Jack Gayler
    Jack Gayler
    Member
    beginner
    intermediate
    friend finder
    picture perfect
    advanced
    group mod
    entry
    entry
    entry
    entry
    1 pt
    @jgayler6869

    Another way would be to add GIF animations to button states. E.g. my normal state would be a PNG and my Over state would be a GIF. So hovering over the button plays the GIF.

    #413012 Score: 0
    Profile photo of Joe Wieloch
    Joe Wieloch
    Moderator
    beginner
    intermediate
    friend finder
    contributor
    LUC16 Attendee
    verified member
    wise owl
    LUC17 Attendee
    advanced
    picture perfect
    38 pts
    @wheels

    In the December 2018 release we will introduce a scale element for button style images. The scale can be changed for different states, so on hover and down you can make the image bigger or smaller. It’s really nice and the suggestions above are great too, we will keep those in our mind going forward.

    • This reply was modified 2 weeks, 3 days ago by Profile photo of Joe Wieloch Joe Wieloch.
    #413156 Score: 0
    Profile photo of Jack Gayler
    Jack Gayler
    Member
    beginner
    intermediate
    friend finder
    picture perfect
    advanced
    group mod
    entry
    entry
    entry
    entry
    1 pt
    @jgayler6869

    Sounds great! Only a few days away. I hear the latest CenarioVR update will also have a scaling feature for hotspots which should be good.

    For the GIF button state usage, I have seen this functionality used well with Wix (website builder).

    #413575 Score: 1
    Profile photo of James Reynolds
    James Reynolds
    Member
    beginner
    intermediate
    curious george
    wise owl
    friend finder
    1 pt
    @jreynolds2084

    I sometimes use CSS keyframes to achieve certain animations.  They are flexible and work across browsers. For example, when I hover over a circular button (an image I uploaded), it spins.

    .anim_spin:hover {
    animation: spin 0.5s 1 linear;
    }

    @keyframes spin {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(30deg);}
    }

    This post has received 1 vote up.
Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.