galaxy/Cards/tsd29142_grumpy-chicken-19.html

24 lines
545 B
HTML

<div class="container">
<div class="card">
</div>
</div>
<style>
/* From Uiverse.io by tsd29142 - Tags: card, hover, box-shadow, aesthetic */
.card {
height: 250px;
width: 190px;
background-image: linear-gradient(to top, #210c93, #0d117a, #011160, #010e47, #07052e);
box-shadow: rgba(0, 0, 0, 0.24) -20px 30px 10px;
transform-style: preserve-3d;
transform: perspective(400px)
rotateX(60deg)
rotateZ(-30deg);
border-radius: 10px;
transition: transform 2s;
}
.card:hover {
transform: rotateY(19deg);
}
</style>