Bug 139649

Summary:	CSS Animation inline property
Product:	WebKit	Reporter:	Albert <atseng3>
Component:	Animations	Assignee:	Nobody <webkit-unassigned>
Status:	RESOLVED WORKSFORME
Severity:	Normal	CC:	dino, graouts
Priority:	P2
Version:	528+ (Nightly build)
Hardware:	Unspecified
OS:	Unspecified
URL:	http://jsfiddle.net/a9Lg23n5/

Description Albert 2014-12-15 11:16:20 PST

CSS Animation on span element with delay is not working. suspicion of "inline" property on span elements. Once I add "block" or "inline-block" the animation and delay works perfectly. 

Bug: 2nd and 3rd "A" do not bounce. 

http://jsfiddle.net/a9Lg23n5/

Solution/Suspected bug: (display: inline-block)

http://jsfiddle.net/a9Lg23n5/4/

Comment 1 Antoine Quint 2023-04-13 01:37:15 PDT

This is correct per spec, see the definition of "transformable element" at https://www.w3.org/TR/css-transforms-1/#transformable-element:

> A transformable element is an element in one of these categories:
> - all elements whose layout is governed by the CSS box model except
> for non-replaced inline boxes, table-column boxes, and
> table-column-group boxes [CSS2],

Additionally, the jsfiddle behaves the same across Chrome, Firefox and Safari.