- This topic is empty.
October 18, 2014 at 8:34 am #186523
I wish to start a css animation using steps() property but after a set time. I tried with
animation-delay: 4.5sbut this did not help me either.
Here is the Fiddle link http://jsfiddle.net/klmnweb/x0q7casz/
Any help will be highly appreciative.
ThanksOctober 18, 2014 at 9:57 am #186532Paulie_DMember
I don’t see a delay in your animation….perhaps you coul break down all the properties into multiple declarations.October 18, 2014 at 11:06 pm #186580
Thank you both of you. Sorry my question was a bit vague or I was unclear about what I wanted.
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.
KalyanOctober 19, 2014 at 2:43 am #186581Paulie_DMember
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.October 19, 2014 at 6:10 am #186595
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.:(October 19, 2014 at 7:23 am #186599
@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.
- The forum ‘CSS’ is closed to new topics and replies.