How to start a css animation after a set time

[Ayanize]

Hi,

I wish to start a css animation using steps() property but after a set time. I tried with animation-delay: 4.5s but this did not help me either.

Here is the Fiddle link http://jsfiddle.net/klmnweb/x0q7casz/

Any help will be highly appreciative.

Thanks

[Paulie_D]

I don’t see a delay in your animation….perhaps you coul break down all the properties into multiple declarations.

[Ayanize]

Thank you both of you. Sorry my question was a bit vague or I was unclear about what I wanted.

Meanwhile these are the updated Fiddles with the animation delay http://jsfiddle.net/x0q7casz/3/ & http://jsfiddle.net/klmnweb/x0q7casz/2/ . Actually neither of them serves the purpose.

I want the entire process of typing animation start after a set time. When I add the animation delay, it hold the typing but however, it also remains visible.

I wish after the set time, the words will appear (e.g. Just an example sentence. as given in the fiddle) & then the typing animation starts. Hope I make some sense now.

Reason for this action is that one of my page does have other css animation which I want them to finish and then start this typing animation.

Any further direction will surely help.

Kalyan

[Paulie_D]

To be honest…I’d use javascript.

[Ayanize]

Thanks @Paulie_d. However, I am bit reluctant using a js. 1stly, I have little knowledge on js and jquery ( I think I need to learn them more) 2ndly, my page has other js files and I do not wish to add one more, thus hampering my site speed.

Isn’t there any hope in CSS transition or animation? thanks by the way.

[Ayanize]

This is awesome @Atelierbram & yes, yours worked. But I guess you did not notice one thing.. The text disappears once the animation is done. Only this fix will do wonders.:(

[Ayanize]

@Atelierbram … Man you’r genius.. Thanks a lot.. It’s working, though not tested across all modern browsers, but on my Firefox, it’s working. I am gonna weekit soon..

FYI – My resigned site is gonna go live in a few days and I am hoping to incorporate this feature. If so, then I am surely mention you and link to this thread in my credits page. Thanks a lot man once again.

[Author]

Posts