|
|
Line 2: |
Line 2: |
| <head> | | <head> |
| <style type="text/css"> | | <style type="text/css"> |
− |
| |
− |
| |
− | <div class="simple-ss" id="simple-ss"></div>
| |
− |
| |
− | /* SLIDER (For Willhelm)*/
| |
− | .simple-ss {
| |
− | width:800px;
| |
− | height:250px;
| |
− | background-color:red;
| |
− | margin:auto;
| |
− | background-image:url("http://www.mediafire.com/convkey/4989/2l919s6cqg2vm826g.jpg");
| |
− | background-position:0;
| |
− | background-repeat:no-repeat;
| |
− | background-size:cover;
| |
− |
| |
− | /* ANIMATING STUFF */
| |
− | animation-name: slide;
| |
− | animation-duration: 20s;
| |
− | animation-direction: normal;
| |
− | animation-timing-function: ease;
| |
− | animation-iteration-count: infinite;
| |
− | }
| |
− |
| |
− | /* NOTE CODEPEN AUTOGENERATING -PREFIXES */
| |
− | @keyframes slide {
| |
− | 0% {background-position:0 0;}
| |
− | 16.66% {background-position:0 0;}
| |
− | 33.32% {background-position:-900px 0;}
| |
− | 49.98% {background-position:-900px 0;}
| |
− | 66.64% {background-position:-1800px 0;}
| |
− | 83.30% {background-position:-1800px 0;}
| |
− | 100% {background-position:0 0;}
| |
− | }
| |
− |
| |
| | | |
| | | |