47 lines
732 B
CSS
47 lines
732 B
CSS
|
.demoTile {
|
||
|
|
opacity: 0.7;
|
||
|
|
transition: opacity 0.3s;
|
||
|
|
max-width: 15vw;
|
||
|
|
display: inline;
|
||
|
|
}
|
||
|
|
|
||
|
|
.demoTile:hover {
|
||
|
|
opacity: 1.0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.demoTiles {
|
||
|
|
position: absolute;
|
||
|
|
background-color:white;
|
||
|
|
left:27.5%;
|
||
|
|
top: var(--title-height);
|
||
|
|
margin-top:40px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.page.portfolio {
|
||
|
|
padding-top: 0;
|
||
|
|
width: 70%;
|
||
|
|
right: 0;
|
||
|
|
margin:0;
|
||
|
|
padding:0;
|
||
|
|
padding-top: 5vh;
|
||
|
|
transform: translate(-35%,0);
|
||
|
|
}
|
||
|
|
|
||
|
|
.wrapper {
|
||
|
|
width: 100%;
|
||
|
|
background-color: var(--background);
|
||
|
|
display: grid;
|
||
|
|
grid-template-columns: 1fr 1fr 1fr;
|
||
|
|
}
|
||
|
|
|
||
|
|
.wrapper img {
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
object-fit: fill;
|
||
|
|
transition: transform 0.1s ease-in;
|
||
|
|
}
|
||
|
|
|
||
|
|
.wrapper img:hover {
|
||
|
|
transform: scale(1.16);
|
||
|
|
}
|