m |
m |
||
Line 5: | Line 5: | ||
<style> | <style> | ||
− | .flip3D{ width: | + | .flip3D{ width:200px; height:200px; margin:10px; float:left; } |
.flip3D > .front{ | .flip3D > .front{ | ||
position:absolute; | position:absolute; | ||
transform: perspective( 600px ) rotateY( 0deg ); | transform: perspective( 600px ) rotateY( 0deg ); | ||
− | background:#FC0; width: | + | background:#FC0; width:200px; height:200px; border-radius: 0px; |
backface-visibility: hidden; | backface-visibility: hidden; | ||
transition: transform .5s linear 0s; | transition: transform .5s linear 0s; | ||
Line 17: | Line 17: | ||
position:absolute; | position:absolute; | ||
transform: perspective( 600px ) rotateY( 180deg ); | transform: perspective( 600px ) rotateY( 180deg ); | ||
− | background: #80BFFF; width: | + | background: #80BFFF; width:200px; height:200px; border-radius: 0px; |
backface-visibility: hidden; | backface-visibility: hidden; | ||
transition: transform .5s linear 0s; | transition: transform .5s linear 0s; | ||
+ | box-shadow: 0 15px 50px rgba(0,0,0,0.2); | ||
} | } | ||
.flip3D:hover > .front{ | .flip3D:hover > .front{ | ||
Line 52: | Line 53: | ||
<div class="col-xs-4"> | <div class="col-xs-4"> | ||
− | <div class="flip3D"> | + | <div class="flip3D centerBlock"> |
<div class="back">Team Stuff</div> | <div class="back">Team Stuff</div> | ||
<div class="front">Team</div> | <div class="front">Team</div> |
Revision as of 18:04, 12 August 2016
Michigan Software Team
Protocat 3.0
Project Stuff
Project
Team Stuff
Team
Outreach Stuff
Outreach