CSS animatable properties ❧ Oli.jp (@boblet)

CSS animatable properties

August 02, 2010

From the CSS3 Transitions specification, modified for personal use.

Property category	Property name	Animatable values
Color properties	color	color
	opacity	number
Text properties	font-size	length, percentage
	font-weight	number
	text-shadow	shadow
	letter-spacing	length
	word-spacing	length, percentage
	vertical-align	keywords, length, percentage
	line-height	number, length, percentage
	text-indent	length, percentage
Box properties	height, min-height, max-height	length, percentage
	width, min-width, max-width	length, percentage
	background-position	percentage, length
	margin*	length
	outline-color	color
	outline-offset	integer
	outline-width	length
	border-color*	color
	border-width*	length
	border-spacing	length
	padding*	length
	background-color	color
	background-image	only gradients
	crop	rectangle
Positioning properties	top	length, percentage
	right	length, percentage
	bottom	length, percentage
	left	length, percentage
	grid-*	various
	visibility	visibility
	z-index	integer
	zoom	number

Properties with top-, bottom-, left- and right- values (border-width, border-color, margin, padding) can be animated individually or together

via oli.jp

Weirdopedia says: "Weird" http://weirdopedia.posterous.com/css-animatable-properties-olijp-boblet CSS animatable properties August 02, 2010 From the CSS3 Transitions specification , modified for personal use. Properties with top- , bottom- , left- and right- values ( border-width , border-color , margin , padding ) can be animated individually or together via oli.jp ...