Difference between revisions of "Team:Tuebingen/Art and Design"

Revision as of 17:30, 18 September 2015

Experiments

Results

Design

Parts

Safety

Interlabstudy

Notebook

Collaboration

References

SynBio-Day

SchoolClass@lab

Theatre Freiburg

<

>

@@ Line 31: / Line 31: @@
 var img = document.createElement('div');
 img.style.cssText = 'background-size:contain;height:150px;background-repeat:no-repeat;background-position:center;background-color:black;transition:transform 0.5s linear';
-div.style.cssText = 'height:150px;display:inline;width:130px;display:none;perspective:400px;position:absolute;top:0px;left:50%;margin:0px;transition: margin 0.5s linear;';
+div.style.cssText = 'opacity:1;height:150px;display:inline;width:130px;display:none;perspective:400px;position:absolute;top:0px;left:50%;margin:0px;transition: margin 0.5s linear, opacity 0.5s linear;';
 img.style.backgroundImage = 'url('+imgURLs[i]+')';
 div.appendChild(img);
@@ Line 78: / Line 78: @@
 if (angle >90) shift = -100-(225/90*(180-angle));
 else shift = -100+225/90*(angle);
+var op = 1;
+if (angle >90) op = 1/90*(180-angle);
+else op = 1/90*(angle);
 console.log('angle: '+angle);
 console.log('shift: '+shift);
 slots[i].image.style.transform = 'rotateY('+angle+'deg)';
 slots[i].style.marginLeft = shift+'px';
+slots[i].style.opacity = op;
 }
 }