Difference between revisions of "Team:UPMC-Paris/homeSlideshow"
(Created page with "→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....") |
|||
| Line 5: | Line 5: | ||
background-color:red; | background-color:red; | ||
margin:auto; | margin:auto; | ||
| − | background-image:url(" | + | background-image:url(""); |
background-position:0; | background-position:0; | ||
background-repeat:no-repeat; | background-repeat:no-repeat; | ||
Revision as of 18:29, 3 October 2016
/* SLIDER (For Willhelm)*/ .simple-ss {
width:800px;
height:250px;
background-color:red;
margin:auto;
background-image:url("");
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>
