mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 13:10:21 +08:00
48 lines
811 B
HTML
48 lines
811 B
HTML
<div class="YoutubeVideo">
|
|
<div class="Image"></div>
|
|
<div class="Icon"></div>
|
|
<div class="Title"></div>
|
|
<div class="Name"></div>
|
|
</div>
|
|
<style>
|
|
/* From Uiverse.io by 1osm - Tags: card */
|
|
.YoutubeVideo {
|
|
width: 250px;
|
|
height: 220px;
|
|
background: transparent;
|
|
}
|
|
|
|
.Image {
|
|
width: 250px;
|
|
height: 154px;
|
|
border-radius: 10px;
|
|
background: #3a3a3a;
|
|
}
|
|
|
|
.Icon {
|
|
width: 40px;
|
|
height: 40px;
|
|
border-radius: 100px;
|
|
float: right;
|
|
background-color: #3a3a3a;
|
|
transform: translate(0px,10px);
|
|
}
|
|
|
|
.Title {
|
|
width: 180px;
|
|
height: 15px;
|
|
border-radius: 2px;
|
|
float: right;
|
|
background-color: #3a3a3a;
|
|
transform: translate(-15px,10px);
|
|
}
|
|
|
|
.Name {
|
|
width: 100px;
|
|
height: 15px;
|
|
border-radius: 2px;
|
|
float: right;
|
|
background-color: #3a3a3a;
|
|
transform: translate(-15px,20px);
|
|
}
|
|
</style>
|