atvimg
Version:
Simple Apple TV parallax effect.
47 lines (41 loc) • 670 B
CSS
* { font-family: 'Open Sans', sans-serif; }
body {
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: 0;
width: 100%;
background: #637188;
}
#app {
margin: auto;
width: 800px;
position: absolute;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
}
.titles {
color: #FFF;
text-shadow: 1px 1px 0 rgba(154, 154, 154, 0.6) , -1px -1px 1px #35445D;
margin: 10px 0 10px;
font-size: 14px;
display: flex;
text-transform: uppercase;
}
.titles span {
flex: 1;
text-align: center;
}
.imgs {
display: flex;
justify-content: space-around;
align-items: flex-start;
}
.imgs > * {
flex: 1;
width: 100%;
height: 100%;
margin: 10px;
}