Line 5: | Line 5: | ||
background-color:red; | background-color:red; | ||
margin:auto; | margin:auto; | ||
− | background-image:url(""); | + | background-image:url("http://www.mediafire.com/convkey/4989/2l919s6cqg2vm826g.jpg"); |
background-position:0; | background-position:0; | ||
background-repeat:no-repeat; | background-repeat:no-repeat; |
Revision as of 18:30, 3 October 2016
/* 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;}
} </style> </head>