Kart 51

Kart Başlığı
Kart Başlığı
.card51 {
width: 200px;
height: min-content;
transition: all .3s;
position: relative;
border-radius: .5rem 2rem;
box-shadow: 0px 15px 20px -5px rgba(0, 0, 0, 0.5);
}

.card51:hover {
transform: scale(1.03);
}

.img51 {
transition: all .3s;
background: #edd949;
background: -webkit-linear-gradient(to right, #37d5d6, #edd949);
background: linear-gradient(to right, #37d5d6, #edd949);
width: 100%;
}

.img51:hover {
transform: scale(1.3);
}

.img51-container {
display: grid;
border-radius: .5rem 2rem;
height: 270px;
overflow: hidden;
}

.description51 {
position: absolute;
bottom: .5rem;
left: .5rem;
text-align: start;
padding: .5rem 1em;
width: 90%;
transition: all 0.5s ease;
text-overflow: ellipsis;
white-space: nowrap;
backdrop-filter: blur(.1rem);
background-color: rgba(0, 0, 0, 0.2);
border-radius: .5rem 2rem;
}

.description51:hover {
transform: perspective(100px) translateX(7px) rotateX(3deg) rotateY(3deg) scale(1);
box-shadow: none;
}

.title51 {
color: aliceblue;
}