Dan Ovidiu Boncut
Reputation: 3165
Fade in effect from top to a paragraph?
Does anyone now a css3 way to fade in text from top, more precise to show text line by line with fade and some delay between them. I tried animating the opacity, positions, line-heights and so on but i didn't find the right combination. And my main problem is that i have a complicated background on my main content.
Upvotes: 1
Views: 225
Answers (1)
Horen
Reputation: 11382
The line by line part can probably only be solved by setting the right keyframes and then calling the animation.
I could image solving this be setting a container div to overflow: hidden and then animating the height of the container step by step with several keyframes.
Upvotes: 2
Related Questions
- Fade-in/Fade-out effect with CSS
- CSS: How to fade text from top and bottom?
- How to fade out and replace word with CSS animation?
- Paragraph fade out on bottom
- Text animation using css to fade out and in a part of the text
- How to fade in text elements one by one
- Fade bottom or top of text in a div
- How to fade in from bottom to top
- Animating fade-in and fade out for successive lines of text
- How to make fadeout text in css