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

[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/

[David]

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.

[Stephen]

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

[David]

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

[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!

[David]

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

[Author]

Posts