Difference between revisions of "Team:Lambert GA/Description"

Line 66: Line 66:
 
text-align: center;
 
text-align: center;
 
z-index: 4;
 
z-index: 4;
 +
}
 +
 +
.downArrow{
 +
position: fixed;
 +
bottom: 45%;
 +
left: 50%;
 +
}
 +
.bounce {
 +
-moz-animation: bounce 3s infinite;
 +
-webkit-animation: bounce 3s infinite;
 +
animation: bounce 3s infinite;
 +
}
 +
@-moz-keyframes bounce {
 +
  0%, 20%, 50%, 80%, 100% {
 +
    -moz-transform: translateY(0);
 +
    transform: translateY(0);
 +
  }
 +
  40% {
 +
    -moz-transform: translateY(-30px);
 +
    transform: translateY(-30px);
 +
  }
 +
  60% {
 +
    -moz-transform: translateY(-15px);
 +
    transform: translateY(-15px);
 +
  }
 +
}
 +
@-webkit-keyframes bounce {
 +
  0%, 20%, 50%, 80%, 100% {
 +
    -webkit-transform: translateY(0);
 +
    transform: translateY(0);
 +
  }
 +
  40% {
 +
    -webkit-transform: translateY(-30px);
 +
    transform: translateY(-30px);
 +
  }
 +
  60% {
 +
    -webkit-transform: translateY(-15px);
 +
    transform: translateY(-15px);
 +
  }
 +
}
 +
@keyframes bounce {
 +
  0%, 20%, 50%, 80%, 100% {
 +
    -moz-transform: translateY(0);
 +
    -ms-transform: translateY(0);
 +
    -webkit-transform: translateY(0);
 +
    transform: translateY(0);
 +
  }
 +
  40% {
 +
    -moz-transform: translateY(-30px);
 +
    -ms-transform: translateY(-30px);
 +
    -webkit-transform: translateY(-30px);
 +
    transform: translateY(-30px);
 +
  }
 +
  60% {
 +
    -moz-transform: translateY(-15px);
 +
    -ms-transform: translateY(-15px);
 +
    -webkit-transform: translateY(-15px);
 +
    transform: translateY(-15px);
 +
  }
 
}
 
}
 
</style>
 
</style>
Line 80: Line 139:
 
<div id="bigtitle">
 
<div id="bigtitle">
 
D E S C R I P T I O N
 
D E S C R I P T I O N
 +
</div>
 +
 +
<div class="downArrow bounce">
 +
  <img width="40" height="40" alt="" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyIDMyIiBoZWlnaHQ9IjMycHgiIGlkPSLQodC70L7QuV8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMycHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik0yNC4yODUsMTEuMjg0TDE2LDE5LjU3MWwtOC4yODUtOC4yODhjLTAuMzk1LTAuMzk1LTEuMDM0LTAuMzk1LTEuNDI5LDAgIGMtMC4zOTQsMC4zOTUtMC4zOTQsMS4wMzUsMCwxLjQzbDguOTk5LDkuMDAybDAsMGwwLDBjMC4zOTQsMC4zOTUsMS4wMzQsMC4zOTUsMS40MjgsMGw4Ljk5OS05LjAwMiAgYzAuMzk0LTAuMzk1LDAuMzk0LTEuMDM2LDAtMS40MzFDMjUuMzE5LDEwLjg4OSwyNC42NzksMTAuODg5LDI0LjI4NSwxMS4yODR6IiBmaWxsPSIjMTIxMzEzIiBpZD0iRXhwYW5kX01vcmUiLz48Zy8+PGcvPjxnLz48Zy8+PGcvPjxnLz48L3N2Zz4=" />
 
</div>
 
</div>
  

Revision as of 13:23, 24 May 2018

D E S C R I P T I O N