SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member
    Join Date
    Jun 2011
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Text Lines Fade In

    I would like to have several lines of text fade in from a "just barely readable" to "normal text" one line at a time.

    Is there an easy way to do this with jquery?

  2. #2
    SitePoint Wizard bronze trophy chris.upjohn's Avatar
    Join Date
    Apr 2010
    Location
    Melbourne, AU
    Posts
    2,197
    Mentioned
    17 Post(s)
    Tagged
    1 Thread(s)
    Have a read of the following post as it has a few different methods of how to achieve part of what you need.

    http://stackoverflow.com/questions/3...-after-another

    To make it so the lines are opaque you could use something like the below code given you have a class associated with each element.

    Code JavaScript:
    $('.myElement').css('opacity', 0.3);

  3. #3
    SitePoint Member
    Join Date
    Jun 2011
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Thumbs up

    Yes, there are some good ideas on that reference page.
    I was looking for something that could break the text up by lines itself, and then
    display them, but for the few amount of lines now, I can use the code.

    Once this project is done I will work on doing the auto split and display.

    Thanks your for help!


Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •