No edit summary |
No edit summary |
||
Line 35: | Line 35: | ||
} | } | ||
.library-card:hover + img{ | .library-card:hover + .library-card-img img{ | ||
/* img:hover{*/ | /* img:hover{*/ | ||
transform:scale(1.25); | transform:scale(1.25); |
Revision as of 11:41, 6 July 2023
.library-card{
width:200px;
margin:20px 0 0 20px;
padding:0;
border:1px gray solid;
border-radius:10px 10px 4px 4px;
overflow:hidden;
z-index:10;
box-shadow: 5px 3px 8px 1px gray;
transition: box-shadow 0.4s, transform 0.4s;
}
.library-card:hover{
box-shadow: 8px 5px 12px 4px #666;
transform:scale(1.1);
}
.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, filter 0.4s;
z-index:-1;
filter:grayscale(1);
}
.library-card:hover + .library-card-img img{
/* img:hover{*/
transform:scale(1.25);
filter:grayscale(0.3);
}
.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;
}