add webcam support

This commit is contained in:
Georg Fischer
2014-12-14 18:12:48 +01:00
parent 5922e2bea0
commit 57775a7134
6 changed files with 168 additions and 0 deletions
+36
View File
@@ -337,6 +337,42 @@ a:hover {
max-width: 100%;
}
.cam-wrapper {
width: 100%;
height: 0;
background-color: rgba(255, 255, 255, 0.5);
position: absolute;
z-index: 3;
transition: all 0.4s;
top: 60px;
overflow: hidden;
opacity: 0;
}
.cam-wrapper.is-active {
height: 100%;
opacity: 1;
}
.take-picture {
position: absolute;
top: 450px;
left: 50%;
margin-left: -43px;
cursor: pointer;
z-index: 3;
}
.cam {
display: block;
width: 100%;
max-width: 640px;
margin-left: auto;
margin-right: auto;
margin-top: 68px;
transform: scalex(-1);
}
@media all and (max-width: 860px) {
.nav-wrapper {
text-align: center;