|
|
| Line 116: |
Line 116: |
| | transition: 500ms; | | transition: 500ms; |
| | } | | } |
| − |
| |
| − | .parallax {
| |
| − | background-image: url("https://static.igem.org/mediawiki/2018/1/11/T--CCU_Taiwan--LGOG_3.gif");
| |
| − | height: 100vh;
| |
| − | background-attachment: fixed;
| |
| − | background-position: center;
| |
| − | background-repeat: no-repeat;
| |
| − | background-size: cover;
| |
| − | z-index: 2;
| |
| − | }
| |
| − |
| |
| − | .scroll-down {
| |
| − | background: none;
| |
| − | position:absolute;
| |
| − | transition: all .5s ease-in 3s;
| |
| − | top:70vh;
| |
| − | left: 50%;
| |
| − | margin-left: -24px;
| |
| − | z-index: 3;
| |
| − | -webkit-transition: all .5s ease-in 3s;
| |
| − | -webkit-animation: bounce 2s infinite 2s;
| |
| − | animation: bounce 2s infinite 2s;
| |
| − | -webkit-transition: all .2s ease-in;
| |
| − | transition: all .2s ease-in;
| |
| − | }
| |
| − |
| |
| − | .scroll a:hover {
| |
| − | opacity: .5;
| |
| − | position: absolute;
| |
| − | }
| |
| − |
| |
| − | /*.a {
| |
| − | background: transparent;
| |
| − | }*/
| |
| − |
| |
| − | .scroll-down: before {
| |
| − |
| |
| − | position: absolute;
| |
| − |
| |
| − | top: calc(50% - 8px);
| |
| − |
| |
| − | left: calc(50% - 6px);
| |
| − |
| |
| − | transform: rotate(-45deg);
| |
| − |
| |
| − | display: block;
| |
| − |
| |
| − | width: 12px;
| |
| − |
| |
| − | height: 12px;
| |
| − |
| |
| − | content: "";
| |
| − |
| |
| − | border: 2px solid white;
| |
| − |
| |
| − | border-width: 0px 0 2px 2px;
| |
| − |
| |
| − | }
| |
| − |
| |
| − | @keyframes bounce {
| |
| − |
| |
| − | 0%,
| |
| − |
| |
| − | 100%,
| |
| − |
| |
| − | 20%,
| |
| − |
| |
| − | 50%,
| |
| − |
| |
| − | 80% {
| |
| − |
| |
| − | -webkit-transform: translateY(0);
| |
| − |
| |
| − | -ms-transform: translateY(0);
| |
| − |
| |
| − | transform: translateY(0);
| |
| − |
| |
| − | }
| |
| − |
| |
| − |
| |
| − | 40% {
| |
| − |
| |
| − | -webkit-transform: translateY(-10px);
| |
| − |
| |
| − | -ms-transform: translateY(-10px);
| |
| − |
| |
| − | transform: translateY(-10px);
| |
| − |
| |
| − | }
| |
| − |
| |
| − | 60% {
| |
| − |
| |
| − | -webkit-transform: translateY(-5px);
| |
| − |
| |
| − | -ms-transform: translateY(-5px);
| |
| − |
| |
| − | transform: translateY(-5px);
| |
| − |
| |
| − | }
| |
| − |
| |
| − | }
| |
| − |
| |
| | | | |
| | .content { | | .content { |
| Line 229: |
Line 127: |
| | } | | } |
| | | | |
| − | #fullPage {
| |
| − | margin:0;
| |
| − | background: black;
| |
| − | }
| |
| − | .section{
| |
| − | margin:0;
| |
| − | padding:0;
| |
| − | }
| |
| − | /*h3 {
| |
| − | color:#e5e5e5;
| |
| − | }*/
| |
| | .first { | | .first { |
| | font-size: 40px!important; | | font-size: 40px!important; |
