Created
April 22, 2011 21:07
-
-
Save jorgepedret/937679 to your computer and use it in GitHub Desktop.
CSS background image transition effect
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <style> | |
| body{ | |
| font-family: Helvetica, Arial, sans-serif; | |
| font-size: 100%; | |
| line-height: 1.4em; | |
| background: #000 url(body-bg.png) left bottom repeat-x; | |
| color: #ccc; | |
| font-size: 14px; | |
| } | |
| h1{ | |
| color: hotpink; | |
| } | |
| #wrap{ | |
| width: 960px; | |
| margin: 0 auto; | |
| padding-bottom: 00px; | |
| } | |
| .fancywrap{ | |
| background: url('bottom-bg.png') repeat-x; | |
| background-position: center bottom; | |
| background-attachment: fixed; | |
| } | |
| article{ | |
| padding: 20px; | |
| background: #fff; | |
| border-radius: 10px; | |
| color: #333; | |
| box-shadow: #000 0px 0px 5px; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="fancywrap"> | |
| <div id="wrap"> | |
| <article> | |
| <h1>Ninja</h1> | |
| <p>A ninja (忍者?) or shinobi (忍び?) was a covert agent or mercenary of feudal Japan specializing in unorthodox arts of war. The functions of the ninja included espionage, sabotage, infiltration, and assassination, as well as open combat in certain situations. The ninja, using covert methods of waging war, were contrasted with the samurai, who had strict rules about honor and combat.</p> | |
| <p>To spring pop-top shine mouthwatering chunky double our handling happy escape with, secure. Lather valuable, this satisfied handcrafted sure smooth waxy by clean. Squeezable, herbal, will yourself, duty can't screamin' feel finest credit-card full-bodied less. Below is included all-over appetizing plus better. Colossal ever distinct anti quick flavored. Aroma mouthwatering brings quenches calories economical, stains are take buy compact. Gigantic sparkling healthy chocolatey expensive as coming money, original takes every distinct racy. </p> | |
| <p>Quick made finest artificial want, economical perfect every monster have any keeps talking, wherever. Effective, mountain most generous cause clinically, action delicious it's duty. Plus multi-purpose roasted crystals silky absorbent, pop-top zippy pleasure. Affordable, squeezable crunchy vibrant happy go, thirsty most mothers win racy bold rare. Too, think flash way can't choose triple reduced tough money care tropical discount luscious high-tech. </p> | |
| <p>Pay, choosy drink amazing go yourself need refreshing double makes clean genuine. Selfish like confident much brings, dry yummy cholesterol when easy prevents juicy removable to. Squeezable choice below, excites economical mothers and handcrafted absolutely not tangy.</p> | |
| <p>Market spicey, pure simulated our, hello citrus, picky permanent. Announcing whopping find neat handcrafted recommended boast appetizing it's need snappy. Have, tasting crunchy rosy, convenient energy like below, newer yummy. Vibrant people special, feel effective it's longer rosy asked your flash bonus. Shine convenient picky spacious grand golden thick on. Every soothing quick rich, whopping stains waxy, try. Juicy spring outside aroma too, pleasing, high wherever awesome, free know super triple comfort.</p> | |
| <p>Sporty, cause secure oily coming pennies outlasts hearty what fat-free exotic light. Golden effervescent big makes customer jiffy available $19.95 crunchy natural thick quality take delectable. Lifetime really, confident cheap that high intense, wave splash made really, tired many vibrant compare.</p> | |
| <h1>Your page's title</h1> | |
| <p>Style peppy power very disposable first. Less excites limited save every anti racy affordable devour devour settle makes crystals locked-in. Thirsty limited deal outlasts kids expensive mothers. Easy grand messy industry effective treat however think a, buy that excites polished treat many. Tighter distinct admire savor remarkable our zippy out. Luxury magically prevents delectable sporty warm never yours. Whenever zesty intense all disposable lather successful sensational sparkling triple brings yourself when dry secret.</p> | |
| <p>To spring pop-top shine mouthwatering chunky double our handling happy escape with, secure. Lather valuable, this satisfied handcrafted sure smooth waxy by clean. Squeezable, herbal, will yourself, duty can't screamin' feel finest credit-card full-bodied less. Below is included all-over appetizing plus better. Colossal ever distinct anti quick flavored. Aroma mouthwatering brings quenches calories economical, stains are take buy compact. Gigantic sparkling healthy chocolatey expensive as coming money, original takes every distinct racy. </p> | |
| <p>Quick made finest artificial want, economical perfect every monster have any keeps talking, wherever. Effective, mountain most generous cause clinically, action delicious it's duty. Plus multi-purpose roasted crystals silky absorbent, pop-top zippy pleasure. Affordable, squeezable crunchy vibrant happy go, thirsty most mothers win racy bold rare. Too, think flash way can't choose triple reduced tough money care tropical discount luscious high-tech. </p> | |
| <p>Pay, choosy drink amazing go yourself need refreshing double makes clean genuine. Selfish like confident much brings, dry yummy cholesterol when easy prevents juicy removable to. Squeezable choice below, excites economical mothers and handcrafted absolutely not tangy.</p> | |
| <p>Market spicey, pure simulated our, hello citrus, picky permanent. Announcing whopping find neat handcrafted recommended boast appetizing it's need snappy. Have, tasting crunchy rosy, convenient energy like below, newer yummy. Vibrant people special, feel effective it's longer rosy asked your flash bonus. Shine convenient picky spacious grand golden thick on. Every soothing quick rich, whopping stains waxy, try. Juicy spring outside aroma too, pleasing, high wherever awesome, free know super triple comfort.</p> | |
| <p>Sporty, cause secure oily coming pennies outlasts hearty what fat-free exotic light. Golden effervescent big makes customer jiffy available $19.95 crunchy natural thick quality take delectable. Lifetime really, confident cheap that high intense, wave splash made really, tired many vibrant compare.</p> | |
| <h1>Your page's title</h1> | |
| <p>Style peppy power very disposable first. Less excites limited save every anti racy affordable devour devour settle makes crystals locked-in. Thirsty limited deal outlasts kids expensive mothers. Easy grand messy industry effective treat however think a, buy that excites polished treat many. Tighter distinct admire savor remarkable our zippy out. Luxury magically prevents delectable sporty warm never yours. Whenever zesty intense all disposable lather successful sensational sparkling triple brings yourself when dry secret.</p> | |
| <p>To spring pop-top shine mouthwatering chunky double our handling happy escape with, secure. Lather valuable, this satisfied handcrafted sure smooth waxy by clean. Squeezable, herbal, will yourself, duty can't screamin' feel finest credit-card full-bodied less. Below is included all-over appetizing plus better. Colossal ever distinct anti quick flavored. Aroma mouthwatering brings quenches calories economical, stains are take buy compact. Gigantic sparkling healthy chocolatey expensive as coming money, original takes every distinct racy. </p> | |
| <p>Quick made finest artificial want, economical perfect every monster have any keeps talking, wherever. Effective, mountain most generous cause clinically, action delicious it's duty. Plus multi-purpose roasted crystals silky absorbent, pop-top zippy pleasure. Affordable, squeezable crunchy vibrant happy go, thirsty most mothers win racy bold rare. Too, think flash way can't choose triple reduced tough money care tropical discount luscious high-tech. </p> | |
| <p>Pay, choosy drink amazing go yourself need refreshing double makes clean genuine. Selfish like confident much brings, dry yummy cholesterol when easy prevents juicy removable to. Squeezable choice below, excites economical mothers and handcrafted absolutely not tangy.</p> | |
| <p>Market spicey, pure simulated our, hello citrus, picky permanent. Announcing whopping find neat handcrafted recommended boast appetizing it's need snappy. Have, tasting crunchy rosy, convenient energy like below, newer yummy. Vibrant people special, feel effective it's longer rosy asked your flash bonus. Shine convenient picky spacious grand golden thick on. Every soothing quick rich, whopping stains waxy, try. Juicy spring outside aroma too, pleasing, high wherever awesome, free know super triple comfort.</p> | |
| <p>Sporty, cause secure oily coming pennies outlasts hearty what fat-free exotic light. Golden effervescent big makes customer jiffy available $19.95 crunchy natural thick quality take delectable. Lifetime really, confident cheap that high intense, wave splash made really, tired many vibrant compare.</p> | |
| <h1>Your page's title</h1> | |
| <p>Style peppy power very disposable first. Less excites limited save every anti racy affordable devour devour settle makes crystals locked-in. Thirsty limited deal outlasts kids expensive mothers. Easy grand messy industry effective treat however think a, buy that excites polished treat many. Tighter distinct admire savor remarkable our zippy out. Luxury magically prevents delectable sporty warm never yours. Whenever zesty intense all disposable lather successful sensational sparkling triple brings yourself when dry secret.</p> | |
| <p>To spring pop-top shine mouthwatering chunky double our handling happy escape with, secure. Lather valuable, this satisfied handcrafted sure smooth waxy by clean. Squeezable, herbal, will yourself, duty can't screamin' feel finest credit-card full-bodied less. Below is included all-over appetizing plus better. Colossal ever distinct anti quick flavored. Aroma mouthwatering brings quenches calories economical, stains are take buy compact. Gigantic sparkling healthy chocolatey expensive as coming money, original takes every distinct racy. </p> | |
| <p>Quick made finest artificial want, economical perfect every monster have any keeps talking, wherever. Effective, mountain most generous cause clinically, action delicious it's duty. Plus multi-purpose roasted crystals silky absorbent, pop-top zippy pleasure. Affordable, squeezable crunchy vibrant happy go, thirsty most mothers win racy bold rare. Too, think flash way can't choose triple reduced tough money care tropical discount luscious high-tech. </p> | |
| <p>Pay, choosy drink amazing go yourself need refreshing double makes clean genuine. Selfish like confident much brings, dry yummy cholesterol when easy prevents juicy removable to. Squeezable choice below, excites economical mothers and handcrafted absolutely not tangy.</p> | |
| <p>Market spicey, pure simulated our, hello citrus, picky permanent. Announcing whopping find neat handcrafted recommended boast appetizing it's need snappy. Have, tasting crunchy rosy, convenient energy like below, newer yummy. Vibrant people special, feel effective it's longer rosy asked your flash bonus. Shine convenient picky spacious grand golden thick on. Every soothing quick rich, whopping stains waxy, try. Juicy spring outside aroma too, pleasing, high wherever awesome, free know super triple comfort.</p> | |
| <p>Sporty, cause secure oily coming pennies outlasts hearty what fat-free exotic light. Golden effervescent big makes customer jiffy available $19.95 crunchy natural thick quality take delectable. Lifetime really, confident cheap that high intense, wave splash made really, tired many vibrant compare.</p> | |
| </article> | |
| </div> | |
| </div> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment