No edit summary |
(added shadow to cards) |
||
Line 7: | Line 7: | ||
overflow:hidden; | overflow:hidden; | ||
z-index:10; | z-index:10; | ||
box-shadow: 5px 3px 8px 1px gray; | |||
transition: box-shadow 0.4s; | |||
} | |||
.library-card:hover{ | |||
box-shadow: 8px 5px 12px 4px #666; | |||
} | } | ||
Revision as of 20:42, 5 July 2023
.library-card{
width:200px;
margin:20px 0 0 20px;
padding:0;
border:1px gray solid;
border-radius:10px 10px 0 0;
overflow:hidden;
z-index:10;
box-shadow: 5px 3px 8px 1px gray;
transition: box-shadow 0.4s;
}
.library-card:hover{
box-shadow: 8px 5px 12px 4px #666;
}
.library-card-image{
height:300px;
padding:0;
margin:0;
z-index:-1;
}
img{
width:auto;
height:100%;
transform: scale(1.1);
overflow:hidden;
padding:0;
margin:0;
transition: transform 0.4s;
z-index:-1;
filter:grayscale(100);
}
img:hover{
transform:scale(1.2);
}
.library-card-content{
padding:15px 2px;
margin:0;
text-align:center;
display:block;
z-index:10;
overflow:hidden;
position:relative;
border-top:1px solid gray;
}
.library-card-title{
font-size:1.2rem;
font-weight:normal;
}
.library-card-works{
font-size:0.8rem;
}
.library-card-works,.library-card-title,p,span{
display:inline;
}
.library-card-content p{
line-height:0.1rem;
}