[Resolved] Do you have plugin which support ease-in ease-out effect on block?

Home Forums Support Do you have plugin which support ease-in ease-out effect on block?

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1313441
    Stephen

    I saw your premium page has effects on blocks which interested me alot.
    Does you product package include plugin which can create this effect?

    Reference link https://generatepress.com/premium/

    #1313825
    David
    Staff
    Customer Support

    Hi there,

    do you mean the hover effect? If so that is achieved with some simple CSS which we can help you with if you require.

    #1318729
    Stephen

    Hi David, Yes I mean the hover effect with ease in and out effect. If you could help that would be great. Thanks

    #1318939
    David
    Staff
    Customer Support

    Ok add this CSS to your site:

    .hover-block {
        transition: transform 500ms ease, -webkit-transform 500ms ease;
    }
    
    .hover-block:hover {
        -webkit-transform: translatey(5px);
        transform: translatey(5px);
    }

    In the block editor, select the block you want to apply the effect, in the Settings ( sidebar ) > Advanced > Additional CSS field add: hover-block

    #1320003
    Stephen

    Thanks David, It worked! Appreciated your help.
    If GeneratePress has a CSS library, I’d like to have you share with me. Thanks alot!

    #1320278
    David
    Staff
    Customer Support

    You’re welcome.
    With hindsight we probably should have created a library from all the various custom codes we added

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