mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 05:00:22 +08:00
37 lines
708 B
HTML
37 lines
708 B
HTML
<div class="card">
|
|
<div class="content"></div>
|
|
</div>
|
|
<style>
|
|
/* From Uiverse.io by mykill1 - Tags: card */
|
|
.card {
|
|
width: 190px;
|
|
height: 254px;
|
|
border-radius: 10px;
|
|
background: #ae3737;
|
|
overflow: hidden;
|
|
box-shadow: inset 27px 27px 54px #7a2727, inset -27px -27px 54px #e24848;
|
|
}
|
|
|
|
.content {
|
|
width: 160px;
|
|
height: 220px;
|
|
position: relative;
|
|
margin-top: 16px;
|
|
margin-left: 15px;
|
|
border: none;
|
|
border-radius: 10px;
|
|
background: #ae3737;
|
|
background: linear-gradient(45deg, #9d3232, #ba3b3b);
|
|
box-shadow: 27px -27px 54px #7a2727,
|
|
-27px 27px 54px #e24848;
|
|
}
|
|
|
|
content :hover {
|
|
border: 1px solid #7a2727;
|
|
}
|
|
|
|
.card :hover {
|
|
border: 1px solid #7a2727;
|
|
}
|
|
|
|
</style>
|