Hayley jesse (Talk | contribs) |
Hayley jesse (Talk | contribs) |
||
Line 229: | Line 229: | ||
} | } | ||
+ | @keyframes slider { | ||
+ | 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; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | } | ||
/********************************* HTML STYLING *********************************/ | /********************************* HTML STYLING *********************************/ | ||
Revision as of 13:47, 6 June 2017