Difference between revisions of "Team:LambertGA/Results"
| Line 350: | Line 350: | ||
| − | <div class="column full_size" > | + | <div class="column full_size" style="width:80%;margin:auto;"> |
| Line 362: | Line 362: | ||
| + | <style style="text/css"> | ||
| + | .scroll-left { | ||
| + | height: 100px; | ||
| + | overflow: hidden; | ||
| + | position: relative; | ||
| + | } | ||
| + | .scroll-left .inner { | ||
| + | position: absolute; | ||
| + | width: 100%; | ||
| + | height: 100%; | ||
| + | margin: 0; | ||
| + | line-height: 50px; | ||
| + | text-align: center; | ||
| + | /* Starting position */ | ||
| + | -moz-transform:translateX(100%); | ||
| + | -webkit-transform:translateX(100%); | ||
| + | transform:translateX(100%); | ||
| + | /* Apply animation to this element */ | ||
| + | -moz-animation: scroll-left 15s linear infinite; | ||
| + | -webkit-animation: scroll-left 15s linear infinite; | ||
| + | animation: scroll-left 15s linear infinite; | ||
| + | } | ||
| + | /* Move it (define the animation) */ | ||
| + | @-moz-keyframes scroll-left { | ||
| + | 0% { -moz-transform: translateX(100%); } | ||
| + | 100% { -moz-transform: translateX(-100%); } | ||
| + | } | ||
| + | @-webkit-keyframes scroll-left { | ||
| + | 0% { -webkit-transform: translateX(100%); } | ||
| + | 100% { -webkit-transform: translateX(-100%); } | ||
| + | } | ||
| + | @keyframes scroll-left { | ||
| + | 0% { | ||
| + | -moz-transform: translateX(100%); /* Browser bug fix */ | ||
| + | -webkit-transform: translateX(100%); /* Browser bug fix */ | ||
| + | transform: translateX(100%); | ||
| + | } | ||
| + | 100% { | ||
| + | -moz-transform: translateX(-100%); /* Browser bug fix */ | ||
| + | -webkit-transform: translateX(-100%); /* Browser bug fix */ | ||
| + | transform: translateX(-100%); | ||
| + | } | ||
| + | } | ||
| + | </style> | ||
| + | |||
| + | <div class="scroll-left"> | ||
| + | <div class="inner"> | ||
| + | <img src="http://www.html.am/images/html-codes/marquees/fish-swimming.gif" alt="Swimming fish"> | ||
| + | <img src="http://www.html.am/images/html-codes/marquees/fish-swimming.gif" alt="Swimming fish"> | ||
| + | <img src="http://www.html.am/images/html-codes/marquees/fish-swimming.gif" alt="Swimming fish"> | ||
| + | <img src="http://www.html.am/images/html-codes/marquees/fish-swimming.gif" alt="Swimming fish"> | ||
| + | <img src="http://www.html.am/images/html-codes/marquees/fish-swimming.gif" alt="Swimming fish"> | ||
| + | </div> | ||
| + | </div> | ||
Revision as of 02:14, 19 October 2016
Results
