Video Sources
Today weโre gonna be showing How to Code a Video Box with any hover on it.
So here is the example:
<div class=โvvh-kitโ><img src=โhttps://img.youtube.com/vi/QcBkDYlVbF0/maxresdefault.jpgโ width=โ224โ><span class=โtitleโ>
<div style=โfont-family: โGotham Boldโ; margin-top: 3px;โ>(REMAKE) QToons! Intro in Radioup V23.15</div></span>
<font size=โ1.6โ color=โgrayโ> 117 views โข 4 months ago</font>
<br><font size=โ1.6โ color=โgrayโ><i class=โmaterial-icons calendarโ>calendar_today</i> May 01, 2021</font>
</div>
Setup VVH-Kit
.vvh-kit {
background: white;
display: inline-block;
text-align: left;
box-shadow: 4.2px 4.2px 7px darkslategray;
padding: 9px;
border-radius: 6px;
max-inline-size: 225px;
filter: brightness(100%);
transition: filter 0.07s ease-in;
}
.vvh-kit:hover {
filter: brightness(80%);
}
Top comments (0)