Difference between revisions of "Team:UPMC-Paris"

Line 4: Line 4:
  
  
 +
<head>
 +
<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;}
 +
}
 +
</style>
 +
</head>
  
  

Revision as of 19:48, 3 October 2016