After an evaluation, GNOME has moved from Bugzilla to GitLab. Learn more about GitLab.
No new issues can be reported in GNOME Bugzilla anymore.
To report an issue in a GNOME project, go to GNOME GitLab.
Do not go to GNOME Gitlab for: Bluefish, Doxygen, GnuCash, GStreamer, java-gnome, LDTP, NetworkManager, Tomboy.
Bug 764524 - CSS margin transition not smooth
CSS margin transition not smooth
Status: RESOLVED OBSOLETE
Product: gtk+
Classification: Platform
Component: Class: GtkStyleContext
3.20.x
Other Linux
: Normal normal
: ---
Assigned To: gtk-bugs
gtk-bugs
Depends on:
Blocks:
 
 
Reported: 2016-04-03 09:48 UTC by Arnaud B.
Modified: 2018-05-02 17:01 UTC
See Also:
GNOME target: ---
GNOME version: ---



Description Arnaud B. 2016-04-03 09:48:44 UTC
Quite all CSS transitions are working smoothly, but it’s not the case of a transition of a “margin” property. You can test it for example with the following code in a Widget Factory, but I had initially the problem with a “modelbutton” node (and it’s tested either with “linear” or “ease”).

  button.toggle {
    margin:0px 5px;
    transition:margin 2s linear 0s;
  }
  button.toggle:hover {
    margin:0px;
  }

I’d say the problem is that the transition is calculated pixel by pixel but with one more step than really needed, so it’s waiting twice at the start or end step (depending of “ease” or “linear”) of the transition.
Comment 1 Matthias Clasen 2016-04-05 12:13:16 UTC
Between 5px and 0px, there's only 6 possible steps we can make, so there's strict limits to how smooth this can be
Comment 2 Arnaud B. 2016-04-06 08:53:07 UTC
Of course. The problem is that for what I perceive, it’s dividing the animation time in 6, instead of in 5 (0px→1, 1→2, 2→3, 3→4, 4→5px).
Comment 3 GNOME Infrastructure Team 2018-05-02 17:01:54 UTC
-- GitLab Migration Automatic Message --

This bug has been migrated to GNOME's GitLab instance and has been closed from further activity.

You can subscribe and participate further through the new bug through this link to our GitLab instance: https://gitlab.gnome.org/GNOME/gtk/issues/611.