WebKit Bugzilla
Attachment 371281 Details for
Bug 198529
: css 'inherit' fails when parent property is running an accelerated animation
Home
|
New
|
Browse
|
Search
|
[?]
|
Reports
|
Requests
|
Help
|
New Account
|
Log In
Remember
[x]
|
Forgot Password
Login:
[x]
reproduction
index.html (text/html), 448 bytes, created by
Stephen McGruer
on 2019-06-04 08:01:52 PDT
(
hide
)
Description:
reproduction
Filename:
MIME Type:
Creator:
Stephen McGruer
Created:
2019-06-04 08:01:52 PDT
Size:
448 bytes
patch
obsolete
><style> >div { > transform-origin: 100px 100px; >} >#parent { > animation: anim 1s infinite; > transform: rotate(45deg); >} >#child { > transform: inherit; > position: relative; > top: 50px; >} >@-webkit-keyframes anim { > 0% { > transform: rotate(0deg); > } > 100% { > transform: rotate(45deg); > } >} ></style> > ><div id="parent"> > Parent. > <div id="child">Child should inherit parent transform animation</div> ></div>
<style> div { transform-origin: 100px 100px; } #parent { animation: anim 1s infinite; transform: rotate(45deg); } #child { transform: inherit; position: relative; top: 50px; } @-webkit-keyframes anim { 0% { transform: rotate(0deg); } 100% { transform: rotate(45deg); } } </style> <div id="parent"> Parent. <div id="child">Child should inherit parent transform animation</div> </div>
View Attachment As Raw
Actions:
View
Attachments on
bug 198529
: 371281