How can I animate my website scrollbar?

How can I animate design elements on my website using CSS3?

• I want to make an website in which I want to give some animations to buttons, banners and images. Can i do this with the normal css? or I have to use the new version of css i.e. CSS3

• Answer:

  Traditionally web developers / designers used to use JavaScript to animate their design work. (See: http://en.wikipedia.org/wiki/Dynamic_HTML). CSS was very simple back then and didn't include any animation techniques or properties.  At the time, CSS Level 2 was well supported by the major browsers and CSS Level 3 was only a pipe-dream. So, no, you can't use CSS 2.1 alone to do animations. You'd need some JavaScript library to handle the animations. Since the formalisation of the CSS Level 3 spec and it's increasing support in browsers we've seen some great improvements in animations - it's getting to the point where we don't need JavaScript for most animations. There are plenty of great tutorials available on the web, and your learning will mostly comprise of getting know the applicable properties (such as transition - see: http://css-tricks.com/almanac/properties/t/transition/) and the @keyframes definition (for more complex animations). P.S. Welcome to Quora!