# Simple text fade in

**URL:** <https://forum.kirupa.com/t/simple-text-fade-in/332688>\
**Category:** web dev\
**Created:** [October 1, 2014, 2:10am UTC](https://forum.kirupa.com/t/simple-text-fade-in/332688 "2014-10-01T02:10:44Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![tailz](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/tailz/32/7262_2.png) [@tailz](https://forum.kirupa.com/u/tailz)\
**Post date:** [October 1, 2014, 2:10am UTC](https://forum.kirupa.com/t/simple-text-fade-in/332688/1 "2014-10-01T02:10:44Z")

</div>

Hello all,  
I’m looking around to see if I can do a simple “text fade in” in CSS. The code snippets I have found so far all seem to work on the idea that the fade effect is triggered by a mouse event (hover or click). I’m just looking to have the text simply fade into view over a number of seconds when the page is loaded (eg: no user interaction to cause the effect).

Anyone know a way to do it?