-
Posts
-
Hi,
i am missing nice effects in enfold like you can see on this site:
(i mean the image hover border effect when you scroll down to EDUCATION)and here i mean the image transition on home, when u click on the numbers on the right side.
The CSS for the border effect is this maybe … how can i implement this effect to ALL HOVERS in enfold?
.image-cell__border[data-v-1ecd63b8] {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 200;
border: 0 solid;
transition: border .3s ease;
}or can you tell me which theme this site uses?
thx a lot for help.
ak-mucThat’s a custom theme based on the bootstrap framework.
The agency which created that page is “Stupid Studio” from Valby, Denmark: https://stupid-studio.com/You can add those effects with custom CSS or preferably in a child-theme CSS.
(The image/content/slider-gallery from the front page will need some more work obviously … as this can’t be covered by Enfold-support you’ll need: time, know-how or money)OK thank you very much.
“… You can add those effects with custom CSS or preferably in a child-theme CSS.”
and how ? :)
=> https://www.w3schools.com/css/css_intro.asp
=> https://css-tricks.com/animating-border/
=> https://kriesi.at/documentation/enfold/add-custom-css/#different-ways-to-add-custom-css
—–
Regarding the effect of the frontpage images … i think they use exactly this one on that page … with reduced settings … looks good:
=> https://tympanus.net/Development/LiquidDistortion/Hi,
Thanks for helping out @cg :-)
Please let us know if you should need any further help on the topic @ak-muc.
Best regards,
Rikard
- The topic ‘Enfold and nice Effects’ is closed to new replies.