|
|
| Line 5: |
Line 5: |
| | <head> | | <head> |
| | <style type='text/css'> | | <style type='text/css'> |
| − |
| |
| − | /* SLIDER (For Willhelm)*/
| |
| − | .simple-ss {
| |
| − | width:800px;
| |
| − | height:250px;
| |
| − | background-color:red;
| |
| − | margin:auto;
| |
| − | background-image:url("https://scontent-lhr3-1.xx.fbcdn.net/t31.0-8/14468366_10210846672185630_6877275772759091618_o.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;}
| |
| − | }
| |
| − | </style>
| |
| − | </head>
| |
| | | | |
| | | | |
