Slide Up on Hover

  • Resolved wrightsarah

    (@wrightsarah)


    5 years, 2 months ago

    Hi! I am trying to create the effect similar to the one used under Our Creative team on https://veented.com/themes/north/home1/. The hover effect where the name/title are showing, and then the window extends upwards to show contact information on hover is what I am trying to achieve.

    Is this something that can be edited within the Slide Anything plugin?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author simonpedge

    (@simonpedge)

    Its not a built in feature of the plugin, but could probably be achieved with some fairly advanced CSS code:
    – So you will need 2 DIVs, the first DIV containing the image, name and title, and the 2nd DIV containing the name, title and bio text.
    – The 2nd DIV will need absolute positioning and in its default state be positioned off the bottom of the slide box.
    – You will need to add a CSS hover pseudo element to change the absolute positioning of the 2nd DIV to be the top of the slide box when hovering over slides
    – You will also need to use CSS transitions to achieve the animation effect

    This will probably take a bit of trial and error to get working properly…

    Plugin Author simonpedge

    (@simonpedge)

    Nothing further I can add here, so am making as resolved.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Slide Up on Hover’ is closed to new replies.