Question

How can the following be rewritten to use a variable:

element.style.webkitTransition = "opacity 1.0s ease";

I tried these but none of them work:

var kDuration = 1.0;
element.style.webkitTransition = "opacity kDurations ease";

var kDuration = 1.0;
element.style.webkitTransition = "opacity kDuration ease";

var kDuration = 1.0;
element.style.webkitTransition = "opacity kDuration s ease";

var kDuration = 1.0;
element.style.webkitTransition = "opacity kDuration + s ease";

var kDuration = 1.0s;
element.style.webkitTransition = "opacity kDuration ease";

Answer 1

var kDurationfirst = "1.0s"; var kDuration= "opacity "+kDurationfirst +" ease";
element.style.webkitTransition = kDuration ;