Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Problem with hover effect and transform: scale() property #4

Open
MinskLeo opened this issue Apr 3, 2018 · 1 comment
Open

Problem with hover effect and transform: scale() property #4

MinskLeo opened this issue Apr 3, 2018 · 1 comment
Labels
bug Something isn't working help wanted Extra attention is needed

Comments

@MinskLeo
Copy link
Owner

MinskLeo commented Apr 3, 2018

  1. Short description

Lib has been tested for transform property. If property have value in CSS Rule hover, and transform also have an animation with lib, after animation end hover effect isn't working more.

  1. Expected Behavior

Making square transformed with hovering in CSS and making an animation with lib with transform property

  1. Real Behavior

Hover effect doesn't work after lib animation end.

  1. How to reproduce issue

Make a simple square
Set CSS Rule for square ( hover effect with transform, for example transform: scale(1.1))
Make lib animation with transform property (for example transform: scale(1.1) too)

@MinskLeo MinskLeo added bug Something isn't working help wanted Extra attention is needed labels Apr 3, 2018
@MinskLeo
Copy link
Owner Author

MinskLeo commented Apr 4, 2018

As of Chrome 64, new CORS rules are enforced for stylesheets. You'll need to use a local development server to do local testing of functionality that depends on the CSS Object Model. For details, see Cannot access cssRules from local css file in Chrome.
Link

Since the saved values are restored as a property in the inline style, the hover effect does not work.
Inline styling has a higher priority.
     Solution 1: Using! Important in css
     Solution 2: Rewrite the algorithm in the library under the CSS Object Model and make lib works only
with using server

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working help wanted Extra attention is needed
Projects
TrueAnimation
  
Progress
Development

No branches or pull requests

1 participant