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.

Ok, I Agree

Fade in portfolio images

Home › Forums › Programming › Fade in portfolio images

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • 2023-01-10 at 11:35 pm #59497
    rasmusroerbaek
    Participant

    Hi. First of all, huge thx to @kdv77kdv who saved me the last time. :)
    Now on to another stupid question…
    —
    I’ve build a nice html/css interface for my Verge project, with a portfolio element displaying when clicked on an object (let say a cube) .
    Right now the images in my portfolio will just pop up, when the the cube is clicked (display: none to block)

    What I’d love to do: make the images fade in when the portfolio element is shown,
    This would make the experience much smoother.

    Can this be done only using css? (Some kind of function that’s triggered by the change of style: display…?)

    Or should this be done with JavaScript (this is a scary thing for me, i’ve never touched JS, please bare with me.)

    Thanks in advance.
    Best, R

    2023-01-13 at 7:50 am #59563
    Mikhail Luzyanin
    Staff

    You can use common css animation or use Animation Param puzzle with Visibility of the object from 0% to 100% and inverse.

    Co-founder and lead graphics specialist at Soft8Soft.

    2023-01-14 at 11:21 am #59573
    rasmusroerbaek
    Participant

    Css animations was exactly what I was looking for, thanks Mikhail!
    Out of curiosity – is it possible to use the Animation Param Puzzle on an html element? if so, how would the setup look like?

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