18875 2008-05-03 12:24:09 -0700 Opacity does not animate in CSS transition 2009-01-03 17:24:15 -0800 1 1 1 Unclassified WebKit CSS 528+ (Nightly build) Mac OS X 10.5 RESOLVED INVALID P2 Normal --- 0 jurmous simon.fraser igitur nickshanks oldest_to_newest 79582 0 jurmous 2008-05-03 12:24:09 -0700 On specific CSS transition settings the opacity does not transition. Also with combinations with other transitions and the working settings the opacity stops animating. See the attached file for further details. Tested both in nightly of today and Safari 3.1 79585 1 20951 jurmous 2008-05-03 12:31:16 -0700 Created attachment 20951 html test file Rotation and opacity combo problem. 89943 2 igitur 2008-09-02 15:19:14 -0700 Is this the reason that when you drag the discs on http://script.aculo.us , they have like a white background instead of semi-transparent? I'm on Google Chrome now and that's the first thing I noticed. 104264 3 simon.fraser 2009-01-03 17:23:26 -0800 Testcases has a number of problems: * The second -webkit-transition rule overrides the first, so only transform will transition. * background-color: appears twice (harmless) * background color changes, but does not transition, so the opacity change is hard to see. I'll attach a working example. 104265 4 26398 simon.fraser 2009-01-03 17:24:15 -0800 Created attachment 26398 Working example 20951 2008-05-03 12:31:16 -0700 2008-05-03 12:31:16 -0700 html test file test.html text/html 949 jurmous PGh0bWw+CiAgPHRpdGxlPmFuaW1hdGlvbiB0ZXN0PC90aXRsZT4KICA8c3R5bGU+CiAgICAjdGVz dCB7Cglwb3NpdGlvbjogYWJzb2x1dGU7Cgl0b3A6IDEwMHB4OwoJbGVmdDogMTAwcHg7Cgktd2Vi a2l0LXRyYW5zaXRpb246IG9wYWNpdHkgMnMgZWFzZS1pbjsKCS8vIHdoZW4gb3BhY2l0eSB3b3Jr cyBzZXBhcmF0ZSBpdCBzdG9wcyB3b3JraW5nIHdpdGggdHJhbnNmb3JtIHRyYW5zaXRpb24gb24u Cgktd2Via2l0LXRyYW5zaXRpb246IC13ZWJraXQtdHJhbnNmb3JtIDJzIGVhc2UtaW47CgoJb3Bh Y2l0eTogMC44OyAvL3dvcmtzIHdoZW4gbm90IDEuMAoKCWJhY2tncm91bmQtY29sb3I6ICNGRkRE Q0M7Cgktd2Via2l0LXRyYW5zZm9ybTogcm90YXRlKDIwZGVnKTsKCXdpZHRoIDoyNTAgcHg7Cgli YWNrZ3JvdW5kLWNvbG9yOiAjRkZERENDOwogICAgfQoKICAgICN0ZXN0LnN0eWxlciB7Cgktd2Vi a2l0LXRyYW5zaXRpb246IC13ZWJraXQtdHJhbnNmb3JtIDRzIGVhc2UtaW47CglvcGFjaXR5OiAw LjQ7CgliYWNrZ3JvdW5kLWNvbG9yOiAjQ0NEREZGOwoJLXdlYmtpdC10cmFuc2Zvcm06IHJvdGF0 ZSg5MGRlZyk7CiAgICB9CiAgPC9zdHlsZT4KICA8c2NyaXB0PgogICAgZnVuY3Rpb24gY2hhbmdl Q2xhc3MoKXsKCWlmKGRvY3VtZW50LmFsbC5pdGVtKCd0ZXN0JykuY2xhc3NOYW1lICE9ICdzdHls ZXInKXsKCQlkb2N1bWVudC5hbGwuaXRlbSgndGVzdCcpLmNsYXNzTmFtZT0nc3R5bGVyJzsKCX1l bHNlewoJCWRvY3VtZW50LmFsbC5pdGVtKCd0ZXN0JykuY2xhc3NOYW1lPScnOwoJfQogICAgfSAK ICA8L3NjcmlwdD4KICA8Ym9keT4KICAgIDxkaXYgaWQ9InRlc3QiIG9uY2xpY2s9ImNoYW5nZUNs YXNzKCkiIGNsYXNzPSJ0ZXN0Ij4KICAgICAgVGhpcyBkaXYgd2lsbCBkbyBhIHNwaW4gd2hlbiBj bGlja2VkIQogICAgPC9kaXY+CiAgPC9ib2R5Pgo8L2h0bWw+Cg== 26398 2009-01-03 17:24:15 -0800 2009-01-03 17:24:15 -0800 Working example opacity-transition.html text/html 832 simon.fraser PGh0bWw+CiAgPHRpdGxlPmFuaW1hdGlvbiB0ZXN0PC90aXRsZT4KICA8c3R5bGU+CiAgICAjdGVz dCB7CiAgICAgICAgcG9zaXRpb246IGFic29sdXRlOwogICAgICAgIHRvcDogMTAwcHg7CiAgICAg ICAgbGVmdDogMTAwcHg7CiAgICAgICAgLXdlYmtpdC10cmFuc2l0aW9uOiAtd2Via2l0LXRyYW5z Zm9ybSAycyBlYXNlLWluLCBvcGFjaXR5IDJzIGVhc2UtaW47CiAgICAgICAgb3BhY2l0eTogMTsK ICAgICAgICAtd2Via2l0LXRyYW5zZm9ybTogcm90YXRlKDIwZGVnKTsKICAgICAgICB3aWR0aCA6 MjUwIHB4OwogICAgICAgIGJhY2tncm91bmQtY29sb3I6ICNGRkREQ0M7CiAgICB9CgogICAgI3Rl c3Quc3R5bGVyIHsKICAgICAgICBvcGFjaXR5OiAwLjQ7CiAgICAgICAgLXdlYmtpdC10cmFuc2Zv cm06IHJvdGF0ZSg5MGRlZyk7CiAgICB9CiAgPC9zdHlsZT4KICA8c2NyaXB0PgogICAgZnVuY3Rp b24gY2hhbmdlQ2xhc3MoKXsKICAgICAgICBpZiAoZG9jdW1lbnQuYWxsLml0ZW0oJ3Rlc3QnKS5j bGFzc05hbWUgIT0gJ3N0eWxlcicpewogICAgICAgICAgICBkb2N1bWVudC5hbGwuaXRlbSgndGVz dCcpLmNsYXNzTmFtZT0nc3R5bGVyJzsKICAgICAgICB9IGVsc2UgewogICAgICAgICAgICBkb2N1 bWVudC5hbGwuaXRlbSgndGVzdCcpLmNsYXNzTmFtZT0nJzsKICAgICAgICB9CiAgICB9IAogIDwv c2NyaXB0PgogIDxib2R5PgogICAgPGRpdiBpZD0idGVzdCIgb25jbGljaz0iY2hhbmdlQ2xhc3Mo KSIgY2xhc3M9InRlc3QiPgogICAgICBUaGlzIGRpdiB3aWxsIGRvIGEgc3BpbiB3aGVuIGNsaWNr ZWQhCiAgICA8L2Rpdj4KCiAgPC9ib2R5Pgo8L2h0bWw+Cg==