151.229.136.200 at 03:48, 21 March 2017

2017-03-21T03:48:03Z

151.229.136.200: Created page with "The timeline CSS property is used by PowerSlide to run a timeline on an element. It's structured the same as the [https://developer.mozilla.org/en-US/docs/Web/CSS/animatio..."

2017-03-21T03:47:22Z

Created page with "The timeline CSS property is used by PowerSlide to run a timeline on an element. It's structured the same as the [https://developer.mozilla.org/en-US/docs/Web/CSS/animatio..."

New page

The timeline CSS property is used by [[PowerSlide]] to run a timeline on an element. It's structured the same as the [https://developer.mozilla.org/en-US/docs/Web/CSS/animation standard animation CSS property] (which is also supported by PowerUI, but does something very different!):

<syntaxhighlight lang="css">
timeline: <time> || <single-timing-function> || <time> || <single-animation-iteration-count> || <single-animation-direction> || [ none | <url> ]
</syntaxhighlight>

Like animation, timeline is a composite of all of these:

<syntaxhighlight lang="css">
timeline-name: <url> | none
timeline-duration: <time>
timeline-direction: <single-animation-direction>
timeline-delay: <time>
timeline-iteration-count: <single-animation-iteration-count>
timeline-timing-function: <single-timing-function>
</syntaxhighlight>

The main difference is '''timeline-name must be a url'''.

{| class="wikitable"
|-
! Inherited?
! Initial value
|-
| No
| none
|}

<syntaxhighlight lang="html">

.test{
timeline: url(myPowerSlide.json) 3s;
}

</syntaxhighlight>

← Older revision		Revision as of 03:48, 21 March 2017
Line 1:		Line 1:
−	The timeline CSS property is used by [[PowerSlide]] to run a timeline on an element. It's structured the same as the [https://developer.mozilla.org/en-US/docs/Web/CSS/animation standard animation CSS property] (which is also supported by PowerUI, but does something very different!):	+	The timeline CSS property is used by [[PowerSlide]] as one of two main ways to run a timeline on an element. It's structured the same as the [https://developer.mozilla.org/en-US/docs/Web/CSS/animation standard animation CSS property] (which is also supported by PowerUI, but does something very different!):

	<syntaxhighlight lang="css">		<syntaxhighlight lang="css">

Timeline (CSS Property) - Revision history

151.229.136.200 at 03:48, 21 March 2017

151.229.136.200: Created page with "The timeline CSS property is used by PowerSlide to run a timeline on an element. It's structured the same as the [https://developer.mozilla.org/en-US/docs/Web/CSS/animatio..."