Difference between revisions of "Team:UPMC-Paris"

Line 3: Line 3:
 
<html>
 
<html>
  
<style>
 
<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>
 
  
  

Revision as of 19:44, 3 October 2016