Video Box Hover

Video Sources

Ami and Yumi cries
How To Make a Big Mac
QToons! Intro in Radioup V23.15

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.yo…


This content originally appeared on DEV Community and was authored by Cloneable ??

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%);
}


This content originally appeared on DEV Community and was authored by Cloneable ??


Print Share Comment Cite Upload Translate Updates
APA

Cloneable ?? | Sciencx (2021-09-07T16:02:15+00:00) Video Box Hover. Retrieved from https://www.scien.cx/2021/09/07/video-box-hover/

MLA
" » Video Box Hover." Cloneable ?? | Sciencx - Tuesday September 7, 2021, https://www.scien.cx/2021/09/07/video-box-hover/
HARVARD
Cloneable ?? | Sciencx Tuesday September 7, 2021 » Video Box Hover., viewed ,<https://www.scien.cx/2021/09/07/video-box-hover/>
VANCOUVER
Cloneable ?? | Sciencx - » Video Box Hover. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/09/07/video-box-hover/
CHICAGO
" » Video Box Hover." Cloneable ?? | Sciencx - Accessed . https://www.scien.cx/2021/09/07/video-box-hover/
IEEE
" » Video Box Hover." Cloneable ?? | Sciencx [Online]. Available: https://www.scien.cx/2021/09/07/video-box-hover/. [Accessed: ]
rf:citation
» Video Box Hover | Cloneable ?? | Sciencx | https://www.scien.cx/2021/09/07/video-box-hover/ |

Please log in to upload a file.



There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

Related Posts