georgewpark/Full-Screen-Background-Video georgewpark/Full-Screen-Background-Video

  • Stars
    star
    1
  • Language
    CSS
  • License
    MIT License
  • Created about 6 years ago
  • Updated about 6 years ago
Twitter logo Share LinkedIn logo Share Facebook logo Share
georgewpark/Full-Screen-Background-Video
github

georgewpark

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

This project demonstrates how CSS grid and the 'object-fit' CSS property can be used to create a background video that scales to cover the full screen while maintaining its aspect ratio.

More Repositories

1

Instagram-Profile-Layout

This project demonstrates how CSS grid (with flexbox and float fallback) can be used to re-create the layout of an Instagram profile page.
HTML
11
star
2

3D-Emoji-Town

This project demonstrates how pure CSS can be used to create an animated 3D emoji town.
CSS
2
star
3

LastPass-Vault-Layout

This project demonstrates how CSS Grid (with flexbox fallback) can be used to re-create the LastPass vault layout.
HTML
1
star
4

Simple-SCSS-Compiler

A simple SCSS compiler using npm scripts.
CSS
1
star
5

Pizza-Builder

A 'create your own' style visual pizza builder using React.
SCSS
1
star
6

Simple-JS-Compiler

A simple JavaScript compiler using npm scripts.
1
star
7

Rick-and-Morty-Character-Search

This project demonstrates how React can be used to display character information fetched from the Rick & Morty API.
TypeScript
1
star
8

Image-Gallery-with-CSS-Grid-and-Flexbox

This project demonstrates how CSS Grid (with flexbox fallback) can be used to create a responsive image gallery with no media queries.
HTML
1
star
9

georgewpark.github.io

Personal website.
TypeScript
1
star
10

CSS-Gradient-Rounded-Borders

This project demonstrates a simple method of applying a CSS gradient to a rounded border using background-clip, providing a solution to the problem where border-radius alone won't create rounded corners when a gradient is applied using border-image.
CSS
1
star