Difference between revisions of "Team:Michigan Software"
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
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..
