Question

I have text div i want fadeout effect on this when page loads or when div is loaded i have following html code on which i want to perform this

<div class="text_paragraph">
    <p>Bovine Respiratory Disease (BRD) is the leading cause of economic 
       loss in the beef industry. <small>1, 2</small></p>
</div>

Answer 1

You can do this with CSS3. Write like this:

.text_paragraph >p{
    -webkit-animation: fadi 5s 1;
}
@-webkit-keyframes fadi {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}
@-moz-keyframes fadi {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

Check this http://jsfiddle.net/TPsb7/2/