css background video
<div class="fullscreen-bg">
<video loop muted autoplay poster="img/videoframe.jpg" class="fullscreen-bg__video">
<source src="video/big_buck_bunny.webm" type="video/webm">
<source src="video/big_buck_bunny.mp4" type="video/mp4">
<source src="video/big_buck_bunny.ogv" type="video/ogg">
</video>
</div>
<!-- CSS -->
.fullscreen-bg {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
z-index: -100;
}
.fullscreen-bg__video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
Also in CSS:
- social media icon bar html
- django cannot update static css
- repeat autofill css grid minmax
- css ios media query
- a no line css
- header html css
- how to give a div placeholder text
- remove bullets from list css
- ram
- install webpack encore
- remove style from link
- Get Theme from URL Parameter and enable CSS theme
- how to add 2 text shadows
- materialize css
- html center video
- scss react
- css blur background
- css stylesheet template
- How do you change the font colour in CSS?
- css remove button outline
- media queries quick tutorial css
- basic css designn elements
- multiple transition in css
- laavel relation through morph