Hayley jesse (Talk | contribs) |
Hayley jesse (Talk | contribs) |
||
Line 229: | Line 229: | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
/********************************* HTML STYLING *********************************/ | /********************************* HTML STYLING *********************************/ | ||
Line 834: | Line 771: | ||
<div class="igem_2017_content_wrapper"> | <div class="igem_2017_content_wrapper"> | ||
<h1>US_AFRL_CarrollHS</h1> | <h1>US_AFRL_CarrollHS</h1> | ||
+ | |||
+ | @Image Slider CSS3 { | ||
+ | |||
+ | 0% { | ||
+ | Left: 0; | ||
+ | } | ||
+ | |||
+ | 20% { | ||
+ | Left: 0; | ||
+ | } | ||
+ | |||
+ | |||
+ | 25% { | ||
+ | Left: -100%; | ||
+ | } | ||
+ | |||
+ | 45% { | ||
+ | Left: -100%; | ||
+ | |||
+ | } | ||
+ | |||
+ | 50% { | ||
+ | Left: -200%; | ||
+ | |||
+ | } | ||
+ | |||
+ | 70% { | ||
+ | Left: -200%; | ||
+ | } | ||
+ | |||
+ | 75% { | ||
+ | Left: -300%; | ||
+ | } | ||
+ | |||
+ | 95% { | ||
+ | Left: -400%; | ||
+ | } | ||
+ | |||
+ | 100% { | ||
+ | Left: -400%' | ||
+ | |||
+ | } | ||
+ | |||
+ | #slider { | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | |||
+ | #slider figure img { | ||
+ | width:20%; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | #slider figure { | ||
+ | position: relative; | ||
+ | width: 500%; | ||
+ | margin: 0; | ||
+ | left: 0; | ||
+ | text-align: left; | ||
+ | font-size: 0; | ||
+ | animation: 20s slider infinite; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | } |
Revision as of 18:13, 6 June 2017