Difference between revisions of "Team:NKU CHINA"
| Line 68: | Line 68: | ||
transform: rotate(360deg); | transform: rotate(360deg); | ||
} | } | ||
| + | } | ||
| + | .fullscreenvideo { | ||
| + | position: absolute; | ||
| + | top: 70%; | ||
| + | left: 50%; | ||
| + | min-width: 100%; | ||
| + | min-height: 100%; | ||
| + | width: auto; | ||
| + | height: auto; | ||
| + | z-index: -100; | ||
| + | -webkit-transform: translateX(-50%) translateY(-50%); | ||
| + | transform: translateX(-50%) translateY(-50%); | ||
| + | -webkit-transition: 1s opacity; | ||
| + | transition: 1s opacity; | ||
| + | } | ||
| + | .videocontainer{ | ||
| + | position: fixed; | ||
| + | width: 100%; | ||
| + | height: 111%; | ||
| + | overflow: hidden; | ||
| + | z-index: -100; | ||
| + | top: -11%; | ||
| + | text-align: center; | ||
| + | } | ||
| + | .videocontainer:before{ | ||
| + | content: ""; | ||
| + | position: absolute; | ||
| + | width: 100%; | ||
| + | height: 100%; | ||
| + | display: block; | ||
| + | z-index: -10; | ||
| + | top: 0; | ||
| + | left: 0; | ||
} | } | ||
</style> | </style> | ||
| Line 88: | Line 121: | ||
<div class="loader-ring-track"></div> | <div class="loader-ring-track"></div> | ||
</div> | </div> | ||
| + | <div class="videocontainer"> | ||
| + | <div class="fullscreenvideo" > | ||
| + | <video autoplay muted loop> | ||
| + | <source src="https://static.igem.org/mediawiki/2018/d/db/T--NKU_CHINA--home_bg.mp4" type="video/mp4"> | ||
| + | </video> | ||
| + | </div> | ||
| + | </div> | ||
<div> | <div> | ||
<img class="myBackground" src="https://static.igem.org/mediawiki/2018/6/64/T--NKU_CHINA--background.jpg"> | <img class="myBackground" src="https://static.igem.org/mediawiki/2018/6/64/T--NKU_CHINA--background.jpg"> | ||
Revision as of 12:59, 13 October 2018
Loading...
