JQuery Background Position tutorial

Example 0: Not using script (CSS only)

• Button 1
• Button 2
• Button 3
• Button 4
• Button 5

Example A: From top to down

• Button 1
• Button 2
• Button 3
• Button 4
• Button 5

Example B: From right to left

• Button 1
• Button 2
• Button 3
• Button 4
• Button 5

Example C: Fading (single colour gradation)

• Button 1
• Button 2
• Button 3
• Button 4
• Button 5

Example D: Fading (couple colour gradation)

• Button 1
• Button 2
• Button 3
• Button 4
• Button 5

Example E: Fading (couple colour gradation) Click to See

• Button 1
• Button 2
• Button 3
• Button 4
• Button 5

back to original article page