m |
m |
||
Line 12: | Line 12: | ||
} | } | ||
− | + | .flip3D{ width:240px; height:200px; margin:10px; float:left; } | |
+ | .flip3D > .front{ | ||
+ | position:absolute; | ||
+ | transform: perspective( 600px ) rotateY( 0deg ); | ||
+ | background:#FC0; width:240px; height:200px; border-radius: 0px; | ||
+ | backface-visibility: hidden; | ||
+ | transition: transform .5s linear 0s; | ||
+ | box-shadow: 0 15px 50px rgba(0,0,0,0.2); | ||
+ | } | ||
+ | .flip3D > .back{ | ||
+ | position:absolute; | ||
+ | transform: perspective( 600px ) rotateY( 180deg ); | ||
+ | background: #80BFFF; width:240px; height:200px; border-radius: 0px; | ||
+ | backface-visibility: hidden; | ||
+ | transition: transform .5s linear 0s; | ||
+ | } | ||
+ | .flip3D:hover > .front{ | ||
+ | transform: perspective( 600px ) rotateY( -180deg ); | ||
+ | } | ||
+ | .flip3D:hover > .back{ | ||
+ | transform: perspective( 600px ) rotateY( 0deg ); | ||
+ | } | ||
+ | |||
+ | .carousel-indicators li { visibility: hidden; } | ||
</style> | </style> | ||
Line 52: | Line 75: | ||
<h3>What We Do</h3><br> | <h3>What We Do</h3><br> | ||
<div class="row"> | <div class="row"> | ||
− | <div class=" | + | <div class="flip3D"> |
− | + | <div class="back">Box 1 - Back</div> | |
− | + | <div class="front">Box 1 - Front</div> | |
</div> | </div> | ||
<div class="col-sm-4"> | <div class="col-sm-4"> |
Revision as of 15:25, 12 August 2016
![](https://static.igem.org/mediawiki/2016/2/2e/T--Michigan_Software--CatCropped.extension.png)
Michigan Software
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.
What We Do
Box 1 - Back
Box 1 - Front
Project 2
Some text..
Some text..