How to achieve the fading-in-effect of "av-special-heading"? - Support

Tagged: Fade, headline

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
February 20, 2018 at 12:10 am #914594

BeeCee
Participant

Hi,

could you please tell me how I can reproduce the “fading in” effect of the av-special-heading here:

Approach

“Approach.
LEVERAGING OUR EXPERTISE TO ACHIEVE A HIGHER LEVEL OF SUCCESS”

thank you.

February 20, 2018 at 8:41 pm #914994

Basilis
Inactive Moderator

Hey Chris,

I just edited the site and it seems to be fine, I suppose you have solved it?

Best regards,
Basilis

February 20, 2018 at 11:44 pm #915119

BeeCee
Participant

No :-)
this is not my site, but I would like to achieve the same effect as the site owner used here with ENFOLD’s av-special-heading

February 21, 2018 at 6:27 am #915292
Ismael
Moderator
Hi,

Just place the special heading element inside a color section. It will inherit the default opacity transition of the container.
```
.js_active .av-minimum-height .container {
    z-index: 1;
    opacity: 0;
    -webkit-transition: opacity 0.6s ease-in;
    transition: opacity 0.6s ease-in;
}
```
Best regards,
Ismael
February 21, 2018 at 8:49 pm #915693

BeeCee
Participant

Great, I understand and reproduced this effect successfully, thank you!

View post on imgur.com

February 21, 2018 at 9:09 pm #915715

Basilis
Inactive Moderator

Hi,

Glad we could help!
Please take a moment to review our theme and show your support https://themeforest.net/downloads
To know more about enfold features please check – http://kriesi.at/documentation/enfold/
Thank you for using Enfold :)

Best regards,
Basilis
Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘How to achieve the fading-in-effect of "av-special-heading"?’ is closed to new replies.