Bug 122149
| Summary: | transform on first-of-type pseudo element animates when transition is specified | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Ryosuke Niwa <rniwa> |
| Component: | CSS | Assignee: | Nobody <webkit-unassigned> |
| Status: | NEW | ||
| Severity: | Normal | CC: | bdakin, dino, jonlee, krit, simon.fraser |
| Priority: | P2 | ||
| Version: | 528+ (Nightly build) | ||
| Hardware: | Unspecified | ||
| OS: | Unspecified | ||
Ryosuke Niwa
Reported on Twitter: https://twitter.com/bdc/status/383584822754807808
The first box doesn't animate.
<!DOCTYPE html>
<html>
<body>
<style>
div { width: 100px; height: 100px; background: black; -webkit-transition: 1s; }
div:first-of-type { -webkit-transform: translateX(100px); }
div:last-of-type { -webkit-transform: translateX(100px); }
</style>
<div></div>
<div></div>
</body>
</html>
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |