Difference between revisions of "Team:UCSC/Project"
Evan pepper (Talk | contribs) |
Evan pepper (Talk | contribs) |
||
| Line 60: | Line 60: | ||
} | } | ||
| − | @media (max-width: | + | @media (max-width: 720px) { |
.proj-button-image { | .proj-button-image { | ||
opacity: 1; | opacity: 1; | ||
display: inline-block; | display: inline-block; | ||
| − | width: 50%; | + | width: 40%; |
| + | height: auto; | ||
| + | transition: .5s ease; | ||
| + | backface-visibility: hidden; | ||
| + | } | ||
| + | |||
| + | .proj-button-desc { | ||
| + | transition: .5s ease; | ||
| + | opacity: 1; | ||
| + | position: absolute; | ||
| + | top: 100%; | ||
| + | left: 50%; | ||
| + | transform: translate(-50%, -50%); | ||
| + | -ms-transform: translate(-50%, -50%) | ||
| + | } | ||
| + | } | ||
| + | |||
| + | @media (max-width: 540px) { | ||
| + | .proj-button-image { | ||
| + | opacity: 1; | ||
| + | display: inline-block; | ||
| + | width: 60%; | ||
height: auto; | height: auto; | ||
transition: .5s ease; | transition: .5s ease; | ||
Revision as of 21:59, 6 September 2017
