- From: Axel Dahmen <brille1@hotmail.com>
- Date: Wed, 28 Jan 2015 17:28:29 +0100
- To: www-style@w3.org
The list properties to which transitions apply seems rather short. Important
visual properties are missing:
------------------
background:
------------------
* backgrounds should fade if property rules can't be matched,
e. g. from "background: linear-gradient();" to "background:
radial-gradient()"
* otherwise, if properties can be matched, animate these,
e.g. from "background: linear-gradient(black, black 20%, white;)" to
"background: linear-gradient(black, black 80%, #888;)"
which would result in an in-between of "background:
linear-gradient(black, black 50%, #ccc;)" at 50% of the transition
------------------
box-shadow:
------------------
* if the number of shadows defined for a box-shadow rule won't match,
replace each missing shadow with "[inset] 0 0 0 0 rgba(0,0,0,0)",
animate each of the given shadows then separately,
e.g. from "box-shadow: 1ex 1ex 1ex 0 rgba(255,0,0,.5), inset 1ex 1ex
1ex 0 rgba(0,0,255,.5)"
to "box-shadow: -1ex -1ex -1ex 0 rgba(0,255,0,.5)"
would result in first extending the second box-shadow definition to:
"box-shadow: -1ex -1ex -1ex 0 rgba(0,255,0,.5), inset 0 0 0 0
rgba(0,0,0,0)"
then "1ex 1ex 1ex 0 rgba(255,0,0,.5)" would be transitioned to
"-1ex -1ex -1ex 0 rgba(0,255,0,.5)"
while simulatenously "inset 1ex 1ex 1ex 0 rgba(0,0,255,.5)" would be
transitioned to
"inset 0 0 0 0 rgba(0,0,0,0)"
Regards,
Axel Dahmen
Received on Wednesday, 28 January 2015 16:30:15 UTC