Difference between revisions of "Team:NCTU Formosa/Demonstrate"

Line 12: Line 12:
  
 
<style>
 
<style>
 +
body {
 +
    margin: 0;
 +
    padding: 0;
 +
    overflow-x: hidden;
 +
}
 +
 +
html, body{
 +
overflow-x: hidden !important;
 +
-ms-overflow-x: hidden !important;
 +
}
 +
 +
.hyperlink{
 +
position: relative;
 +
top: 4vmax;
 +
width: 100vw;
 +
height: 20vmax;
 +
    max-width: 100vw;
 +
}
 +
 +
.first_line{
 +
    position: relative;
 +
    left: 38vw;
 +
}
 +
 +
.second_line{
 +
    position: relative;
 +
    left: 38vw;
 +
top: -1vmax;
 +
}
 +
 +
#first{
 +
position: absolute;
 +
left: 6vw;
 +
top: 3.1vmax;
 +
width: 20vw;
 +
    -webkit-transition: all 0.5 ease;
 +
    -moz-transition: all 0.5 ease;
 +
    -o-transition: all 0.5 ease;
 +
    -ms-transition: all 0.5 ease;
 +
    transition: all 0.5 ease;
 +
}
 +
 +
#second{
 +
position:absolute;
 +
left: 17.1vw;
 +
top: 7vmax;
 +
width: 20vw;
 +
    -webkit-transition: all 0.5 ease;
 +
    -moz-transition: all 0.5 ease;
 +
    -o-transition: all 0.5 ease;
 +
    -ms-transition: all 0.5 ease;
 +
    transition: all 0.5 ease;
 +
}
 +
 +
#third{
 +
position: absolute;
 +
left: 27vw;
 +
top: 1.7vmax;
 +
width: 20vw;
 +
    -webkit-transition: all 0.5 ease;
 +
    -moz-transition: all 0.5 ease;
 +
    -o-transition: all 0.5 ease;
 +
    -ms-transition: all 0.5 ease;
 +
    transition: all 0.5 ease;
 +
}
 +
 +
#fourth{
 +
position: absolute;
 +
left: 40vw;
 +
width: 20vw;
 +
    -webkit-transition: all 0.5 ease;
 +
    -moz-transition: all 0.5 ease;
 +
    -o-transition: all 0.5 ease;
 +
    -ms-transition: all 0.5 ease;
 +
    transition: all 0.5 ease;
 +
}
 +
 +
#fifth{
 +
position: absolute;
 +
left: 53vw;
 +
top: 7.1vmax;
 +
width: 20vw;
 +
    -webkit-transition: all 0.5 ease;
 +
    -moz-transition: all 0.5 ease;
 +
    -o-transition: all 0.5 ease;
 +
    -ms-transition: all 0.5 ease;
 +
    transition: all 0.5 ease;
 +
}
 +
 +
#sixth{
 +
position: absolute;
 +
left: 64.7vw;
 +
top: 2.9vmax;
 +
width: 20vw;
 +
    -webkit-transition: all 0.5 ease;
 +
    -moz-transition: all 0.5 ease;
 +
    -o-transition: all 0.5 ease;
 +
    -ms-transition: all 0.5 ease;
 +
    transition: all 0.5 ease;
 +
}
 +
 +
#seventh{
 +
position:absolute;
 +
left: 72.7vw;
 +
top: 6.8vmax;
 +
width: 20vw;
 +
    -webkit-transition: all 0.5 ease;
 +
    -moz-transition: all 0.5 ease;
 +
    -o-transition: all 0.5 ease;
 +
    -ms-transition: all 0.5 ease;
 +
    transition: all 0.5 ease;
 +
}
 +
/*----------------------------------------------------------------------------*/
 +
 +
#first:hover{
 +
    width: 23vw;
 +
    left: 4.5vw;
 +
}
 +
 +
#second:hover{
 +
    width: 23vw;
 +
    left: 15.6vw;
 +
}
 +
 +
#third:hover{
 +
    width: 23vw;
 +
    left: 25.5vw;
 +
}
 +
 +
#fourth:hover{
 +
    width: 23vw;
 +
    left: 38.5vw;
 +
}
 +
 +
#fifth:hover{
 +
    width: 23vw;
 +
    left: 51.5vw;
 +
}
 +
 +
#sixth:hover{
 +
    width: 23vw;
 +
    left: 63.2vw;
 +
}
 +
 +
#seventh:hover{
 +
    width: 23vw;
 +
    left: 71.2vw;
 +
}
  
 
</style>
 
</style>

Revision as of 20:19, 23 October 2017

navigation

HOME
TEAM
PROJECT
Description
Design
Experiments
Notebook
InterLab
Contribution
Model
Results
Demonstrate
Improve
Attributions
PARTS
Parts
Basic Parts
Composite Parts
Part Collection
SAFETY
HUMAN PRACTICES
Silver HP
Integrated and Gold
Public Engagement
AWARDS
Applied Design
Entrepreneurship
Hardware
Measurement
Model
Plant
Software
JUDGING FORM
Untitled Document

Untitled Document