0

I'm trying to figure out how I can create an effect like on this site: http://ournameismud.co.uk/ The effect is when u open the page and as you scroll down, content seems to appear then. How can I achieve this effect? I know it would need CSS3 or jQuery or both. But can you please give me some detail about this?

Thank you.

Sameer Zahid
  • 503
  • 1
  • 7
  • 19

1 Answers1

1

I think what you are looking for is lazy load images. Check out this post, i hope it satisfies your needs. How to load images dynamically (or lazily) when users scrolls them into view

Community
  • 1
  • 1
talhatahir
  • 85
  • 6
  • Can I also do that with divs or sections and not images? Also I've seen images or sections 'appear' from left or right, or move somehow only when u scroll down to that location. For example: https://yourkarma.com/ the router image falls down when u scroll to that position. How can I achieve that? – Sameer Zahid Jul 23 '13 at 00:03
  • Yes you can do similar for divs too! – talhatahir Jul 23 '13 at 00:08
  • Its achievable using jQuery. You need to have a jQuery event setup when the image is scrolled into view. – talhatahir Jul 23 '13 at 00:11
  • when the image is scrolled into view. all you need to do then is mess with its CSS properties. in this case CSS3 properties, transformation , rotation. – talhatahir Jul 23 '13 at 00:15