Как создать карту, которая прозрачна с прозрачной границей? ⇐ Html

[Anonymous]

Я пытаюсь создать карту на основе картинки. Я могу сделать карту, но я не могу сделать раму вокруг карты. Кто -нибудь знает, как его создать? class="card relative p-[30px] overflow-hidden mt-10 md:h-[350px] lg:w-[977px] lg:h-[354px] h-[490px]">


{{ card.title }}
{{ card.subtitle }}

{{ card.description }}






< /code>
css < /p>
.card {
background-color: rgba(255, 255, 255, 0.2);
border-radius: 40px;
font-family: 'Inter', sans-serif;

position: relative;
}

.glass-button {
display: flex;
align-items: center;
justify-content: center;
padding: 12px 16px;
font-size: 16px;
color: white;
background: rgba(246, 246, 246, 0.1);
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 10px;
backdrop-filter: blur(10px);
transition: all 0.3s ease;
}

.glass-button:hover {
box-shadow: 0 0 20px rgba(255, 255, 255, 0.5);
}


Подробнее здесь: https://stackoverflow.com/questions/795 ... ent-border