mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 13:10:21 +08:00
27 lines
No EOL
711 B
HTML
27 lines
No EOL
711 B
HTML
<div class="card"></div>
|
|
|
|
<style>
|
|
/* From Uiverse.io by SachinKumar666 - Tags: simple, material design, animation, card, shadow, glow, code */
|
|
.card {
|
|
padding: 20px;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 190px;
|
|
height: 254px;
|
|
background: rgb(255, 255, 255);
|
|
border-radius: 1rem;
|
|
box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,
|
|
rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
|
|
transition: all ease-in-out 0.3s;
|
|
}
|
|
|
|
.card:hover {
|
|
background-color: #fdfdfd;
|
|
box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px,
|
|
rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px,
|
|
rgba(0, 0, 0, 0.09) 0px 32px 16px;
|
|
}
|
|
|
|
</style>
|
|
|