m |
m |
||
Line 6: | Line 6: | ||
<style> | <style> | ||
− | |||
− | .flip3D{ width: | + | .flip3D{ width:250px; height:250px; margin:10px; float:center; margin: auto;} |
.flip3D > .front{ | .flip3D > .front{ | ||
position:absolute; | position:absolute; | ||
transform: perspective( 600px ) rotateY( 0deg ); | transform: perspective( 600px ) rotateY( 0deg ); | ||
− | background:#FC0; width: | + | background:#FC0; width:250px; height:250px; border-radius: 0px; |
backface-visibility: hidden; | backface-visibility: hidden; | ||
transition: transform .5s linear 0s; | transition: transform .5s linear 0s; | ||
Line 21: | Line 20: | ||
position:absolute; | position:absolute; | ||
transform: perspective( 600px ) rotateY( 180deg ); | transform: perspective( 600px ) rotateY( 180deg ); | ||
− | background: #80BFFF; width: | + | background: #80BFFF; width:250px; height:250px; border-radius: 0px; |
backface-visibility: hidden; | backface-visibility: hidden; | ||
transition: transform .5s linear 0s; | transition: transform .5s linear 0s; | ||
Line 43: | Line 42: | ||
<div class="row"> | <div class="row"> | ||
− | <div class="col-xs- | + | <div class="col-xs-3"></div> |
− | <div class="col-xs- | + | <div class="col-xs-3"> |
− | + | <h3>Michigan Software Team<br>Protocat 3.0</h3> | |
− | + | ||
− | + | ||
</div> | </div> | ||
</div> | </div> | ||
Line 54: | Line 51: | ||
<div class="row"> | <div class="row"> | ||
− | <div class="col-xs- | + | <div class="col-xs-3"> |
<div class="flip3D"> | <div class="flip3D"> | ||
Line 62: | Line 59: | ||
</div> | </div> | ||
− | <div class="col-xs- | + | <div class="col-xs-3"> |
<div class="flip3D"> | <div class="flip3D"> | ||
Line 70: | Line 67: | ||
</div> | </div> | ||
− | <div class="col-xs- | + | <div class="col-xs-3"> |
<div class="flip3D"> | <div class="flip3D"> |
Revision as of 18:28, 12 August 2016
<!DOCTYPE html>
Michigan Software Team
Protocat 3.0
Project Stuff
Project
Team Stuff
Team
Outreach Stuff
Outreach