(Made the cursor over clickable areas look right.) |
|||
Line 16: | Line 16: | ||
position: relative; | position: relative; | ||
top: 50%; | top: 50%; | ||
− | transform: translateY(-50%); | + | -webkit-transform: translateY(-50%); |
+ | transform: translateY(-50%); | ||
} | } | ||
Line 31: | Line 32: | ||
border-style: solid; | border-style: solid; | ||
position:absolute; | position:absolute; | ||
− | transform: perspective( 600px ) rotateY( 0deg ); | + | -webkit-transform: perspective( 600px ) rotateY( 0deg ); |
+ | transform: perspective( 600px ) rotateY( 0deg ); | ||
width:250px; height:250px; | width:250px; height:250px; | ||
backface-visibility: hidden; | backface-visibility: hidden; | ||
-webkit-backface-visibility: hidden; | -webkit-backface-visibility: hidden; | ||
− | transition: transform .5s linear 0s; | + | -webkit-transition:-webkit-transform .5s linear 0s; |
+ | transition:-webkit-transform .5s linear 0s; | ||
+ | transition:transform .5s linear 0s; | ||
+ | transition: transform .5s linear 0s, -webkit-transform .5s linear 0s; | ||
box-shadow: 0 15px 50px rgba(0,0,0,0.0); | box-shadow: 0 15px 50px rgba(0,0,0,0.0); | ||
float: center; | float: center; | ||
Line 47: | Line 52: | ||
border-style: solid; | border-style: solid; | ||
position:absolute; | position:absolute; | ||
− | transform: perspective( 600px ) rotateY( 180deg ); | + | -webkit-transform: perspective( 600px ) rotateY( 180deg ); |
+ | transform: perspective( 600px ) rotateY( 180deg ); | ||
width:250px; height:250px; | width:250px; height:250px; | ||
backface-visibility: hidden; | backface-visibility: hidden; | ||
-webkit-backface-visibility: hidden; | -webkit-backface-visibility: hidden; | ||
− | transition: transform .5s linear 0s; | + | -webkit-transition:-webkit-transform .5s linear 0s; |
+ | transition:-webkit-transform .5s linear 0s; | ||
+ | transition:transform .5s linear 0s; | ||
+ | transition: transform .5s linear 0s, -webkit-transform .5s linear 0s; | ||
box-shadow: 0 15px 50px rgba(0,0,0,0.0); | box-shadow: 0 15px 50px rgba(0,0,0,0.0); | ||
} | } | ||
.flip3D:hover > .front{ | .flip3D:hover > .front{ | ||
− | transform: perspective( 600px ) rotateY( -180deg ); | + | -webkit-transform: perspective( 600px ) rotateY( -180deg ); |
+ | transform: perspective( 600px ) rotateY( -180deg ); | ||
} | } | ||
.flip3D:hover > .back{ | .flip3D:hover > .back{ | ||
− | transform: perspective( 600px ) rotateY( 0deg ); | + | -webkit-transform: perspective( 600px ) rotateY( 0deg ); |
+ | transform: perspective( 600px ) rotateY( 0deg ); | ||
} | } | ||
Revision as of 23:57, 24 August 2016
Michigan Software Team
Protocat 3.0
Project
ProtoCat 3.0 is a free, open-source online catalog of laboratory protocols with improvements upon last year’s project including a larger protocol database and a website with more advanced features. By using ProtoCat 3.0, users can find tested, reliable protocols from across the globe all in one place.
![](https://static.igem.org/mediawiki/2016/8/83/T--Michigan_Software--testTubeBlue.png)
Click to meet the team!
![](https://static.igem.org/mediawiki/2016/a/ae/T-Michigan_Software--teamBlue.png)
Click to learn more about our outreach!
![](https://static.igem.org/mediawiki/2016/8/80/T--Michigan_Software--globeBlue.png)
Click to learn about our software!
![](https://static.igem.org/mediawiki/2016/3/38/T--Michigan_Software--usbBlue.png)
Click to learn how to use Protocat 3.0!
![](https://static.igem.org/mediawiki/2016/c/cc/T--Michigan_Software--manualBlue.png)
Thank you to all of our sponsors!
![](https://static.igem.org/mediawiki/2016/9/95/T--Michigan_Software--handShakeBlue.png)