search

soflyy / oxygen-bugs-and-features

Bug Reports & Feature Requests for Oxygen
https://oxygenbuilder.com/
314 stars 29 forks source link

conflict with "animate on scroll" & hover effect when applied on the class of an element #852

Open Jimmyg128 opened 4 years ago

Jimmyg128 commented 4 years ago

Hi, Bug: When applied to the class of an element the "animate on scroll" disable some hover effect transition, transform: scale by example (I have not tried with more option than "transform:scale"). When applied to the ID both work well, the "animate on scroll", transition & transform:scale all are working correclty together.

replicable: Yes this is replicable on the try sandbox from the official oxygen builder website.

To Reproduce Applying that to the class of an element: 1) add a transform:scale on "hover" 2) add a transition to the normal state of that element. (element should change on hover according to the transform & transition) 3) add an "animate on scroll" & the hover animation is disable.

Applying that to the ID of an element: retry the steps above and everything works perfeclty.

info: OS: windows 10 browser: google chrome (latest version) oxygen: latest stable version on my hosting (3.1.1) tried it there also -> https://oxygenbuilder.com/try/

Sorry for my english, I hope this is clear :) Have a nice day

KittenCodes commented 4 years ago

Duplicate: #794

swinggraphics commented 4 years ago

If Oxygen used animations for AOS instead of transitions, I think that would eliminate the problem. Elementor implements it pretty well.