SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    SitePoint Mentor silver trophybronze trophy

    Join Date
    Feb 2008
    Location
    Preston, Lancashire
    Posts
    1,378
    Mentioned
    72 Post(s)
    Tagged
    1 Thread(s)

    CSS3 Animation on Scrolldown

    I have seen a few websites which have used CSS3 animations on their pages. When you scroll down a small animation happens (either a small shake or grow effect). This animation then stops so you can read the page.

    I have found this script, http://lab.hakim.se/scroll-effects/, which looks to what I need.

    I tried to adjust this but I have not had much luck. I am not entirely sure if this would work without the scroll box and only the scroll on the browser.

    If anybody had any experience with this I would be very interested to know.
    follow me on ayyelo, Easy WordPress; specializing in setting up themes!

  2. #2
    SitePoint Mentor silver trophybronze trophy

    Join Date
    Feb 2008
    Location
    Preston, Lancashire
    Posts
    1,378
    Mentioned
    72 Post(s)
    Tagged
    1 Thread(s)
    I have found this, http://www.justinaguilar.com/animations/index.html#how

    Looks quite promising!
    follow me on ayyelo, Easy WordPress; specializing in setting up themes!

  3. #3
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,363
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Hi Sega,

    Did you find something that worked for you?

    If not we'd need to know a little more detail about the effect you want and perhaps an example of the code that it has to work on.

  4. #4
    SitePoint Mentor silver trophybronze trophy

    Join Date
    Feb 2008
    Location
    Preston, Lancashire
    Posts
    1,378
    Mentioned
    72 Post(s)
    Tagged
    1 Thread(s)
    Yes, this http://www.justinaguilar.com/animations/index.html#how really did the job. Thanks for asking. In includes a range of effects that you can combine there.
    follow me on ayyelo, Easy WordPress; specializing in setting up themes!

  5. #5
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,363
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by Sega View Post
    Yes, this http://www.justinaguilar.com/animations/index.html#how really did the job. Thanks for asking. In includes a range of effects that you can combine there.
    Ok Great. I already have that page book marked as its very useful.

  6. #6
    SitePoint Mentor silver trophybronze trophy

    Join Date
    Feb 2008
    Location
    Preston, Lancashire
    Posts
    1,378
    Mentioned
    72 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by Paul O'B View Post
    Ok Great. I already have that page book marked as its very useful.
    You got any more pages marked which could help me. I am interested mostly in CSS3 animations and transitions.
    follow me on ayyelo, Easy WordPress; specializing in setting up themes!

  7. #7


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
  •