Difference between revisions of "Team:Dundee/soekrit"

Line 1: Line 1:
 +
<head>
 +
<link rel="stylesheet" href="https://2015.igem.org/Team:Dundee/bs?action=raw&ctype=text/css" type="text/css" />
 +
<link rel="stylesheet" href="https://2015.igem.org/Team:Dundee/soekriter?action=raw&ctype=text/css" type="text/css" />
 +
 +
</head>
 +
https://2015.igem.org/Team:Dundee/soekriter
 
<html>
 
<html>
−
<script>
 
−
body {
 
−
background: url("../img/del/backgr1111ound.jpg");
 
−
}
 
−
 
−
h1 {
 
−
color: yellow;
 
−
font-size: 200px;
 
−
}
 
−
 
−
{
 
−
    margin: 20px;
 
−
    width: 100px;
 
−
    height: 100px;   
 
−
    background: #f00;
 
−
    -webkit-animation-name: spin;
 
−
    -webkit-animation-duration: 400ms;
 
−
    -webkit-animation-iteration-count: infinite;
 
−
    -webkit-animation-timing-function: linear;
 
−
    -moz-animation-name: spin;
 
−
    -moz-animation-duration: 400ms;
 
−
    -moz-animation-iteration-count: infinite;
 
−
    -moz-animation-timing-function: linear;
 
−
    -ms-animation-name: spin;
 
−
    -ms-animation-duration: 400ms;
 
−
    -ms-animation-iteration-count: infinite;
 
−
    -ms-animation-timing-function: linear;
 
−
    -o-transition: rotate(3600deg);
 
−
}
 
−
@-moz-keyframes spin {
 
−
    from { -moz-transform: rotate(0deg); }
 
−
    to { -moz-transform: rotate(360deg); }
 
−
}
 
−
@-webkit-keyframes spin {
 
−
    from { -webkit-transform: rotate(0deg); }
 
−
    to { -webkit-transform: rotate(360deg); }
 
−
}
 
−
@keyframes spin {
 
−
    from {transform:rotate(0deg);}
 
−
    to {transform:rotate(360deg);}
 
−
}
 
−
 
−
 
−
/* The animation code */
 
−
@keyframes zip {
 
−
    0%  {background-color: red; left:0px; top:0px;}
 
−
    25%  {background-color: yellow; left:200px; top:0px;}
 
−
    50%  {background-color: blue; left:200px; top:200px;}
 
−
    75%  {background-color: green; left:0px; top:200px;}
 
−
    100% {background-color: red; left:0px; top:0px;}
 
−
}
 
−
div {
 
−
    width: 100px;
 
−
    height: 100px;
 
−
    background-color: red;
 
−
    animation-name: zip;
 
−
    animation-duration: 1s;
 
−
    animation-iteration-count: infinite;
 
−
}
 
−
</script>
 
−
 
  
 
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

Revision as of 23:22, 18 September 2015

<head> <link rel="stylesheet" href="https://2015.igem.org/Team:Dundee/bs?action=raw&ctype=text/css" type="text/css" /> <link rel="stylesheet" href="https://2015.igem.org/Team:Dundee/soekriter?action=raw&ctype=text/css" type="text/css" />

</head> https://2015.igem.org/Team:Dundee/soekriter

rugby

egg