A small React component rendering a <video/> with object-fit: cover, or a Fallback if object-fit is not available.
-
Updated
Dec 9, 2022 - JavaScript
#
object-fit
Here are 18 public repositories matching this topic...
React component that render <img> with nicer interface
-
Updated
Jun 3, 2020 - JavaScript
Generate the object-position value to capture an image's focal point given a custom aspect-ratio.
-
Updated
Jan 3, 2022 - JavaScript
A polyfill for the background-image cover effect combined with responsive image behaviour with the `<img>` or `<picture>` element.
-
Updated
Nov 25, 2019 - HTML
Just the math behind object-fit and object-position
-
Updated
Jan 22, 2020 - TypeScript
⚛️ React Project - How to create Full screen & responsive video background in REACT - How to guide tutorial 👉 https://frnt-end.github.io/React-Responsive-Video/
react css html tutorial video html5 frontend simple responsive css3 reactjs fullscreen tag how-to background engineer easy mp4-video object-fit
-
Updated
Jun 7, 2021 - CSS
Image object-fit and object-position utilities
crop positioning object-fit object-position getboundingclientrect replaced-element replaced-elements getboundingrect getobjectfitrect
-
Updated
Oct 23, 2021 - TypeScript
mock css object-fit with canvas and support rotate
-
Updated
Oct 26, 2022 - HTML
I built a pretty travel landing page using HTML & CSS basics. Therefore, I implemented a HTML semantic strucure with convenient navigation bar and a logo. I also worked on the CSS layout of the website, using flexbox and the grid. Besides that, I imported normal images and background images as well. Then, I created a header positioned above the …
html5 landing-page css3 images background-image logo css-grid-layout object-fit navigation-bar css-flexbox-layout position-elements css-flexbox-grid position-fixed position-absolute semantic-structure
-
Updated
Aug 18, 2022 - HTML
An user-interface (UI) design by using plain HTML and CSS, without using any library or frameworks.
-
Updated
May 3, 2023 - CSS
A lightweight, dependency-free object-fit polyfill.
-
Updated
Jul 21, 2018 - JavaScript
Responsive SVG "polyfill" for object-fit and object-position.
-
Updated
Feb 19, 2018 - JavaScript
Object-fit alternative only for IE. It helps to fit the image into the containers.
-
Updated
Oct 6, 2019 - HTML
Nesse modulo foram abordados os temos de flexbox, grid, animações, transições, object-fit | position, fontes web, efeito de texto, view port | grid e media queries.
-
Updated
Jan 29, 2024 - HTML
Vanilla JS library that's all about images: lazy loading, spacer generating, svg to inline...
polyfill lazy-load blur lazy-loading polyfills svg-inline object-fit blur-backgrounds svg-inline-loader
-
Updated
Aug 2, 2023 - JavaScript
Desenvolvendo minhas habilidades HTML e CSS.
css accessibility flexbox semantic-web hover background-image iframe-embeds object-fit box-model linear-gradient hmtl5
-
Updated
Oct 14, 2024 - HTML
Improve this page
Add a description, image, and links to the object-fit topic page so that developers can more easily learn about it.
Add this topic to your repo
To associate your repository with the object-fit topic, visit your repo's landing page and select "manage topics."