#

background-image

Here are 69 public repositories matching this topic...

agilie / canvas-image-cover-position

Calculating image position for scaling it on the canvas.

javascript image canvas background-image cover size-calculation

Updated Jun 8, 2020
HTML

djpogo / avif-webp-css-support

Simple script to check browser support of webp and or avif images format.

css html frontend webp background-image pagespeed progressive-enhancement avif

Updated Jul 14, 2021
HTML

ChrisMBarr / noise-maker

Makes noise based SVG patterns/textures

svg texture background-image background

Updated Nov 7, 2025
HTML

589hero / image-background-changer

python docker background-image background-changer

Updated May 25, 2022
HTML

Hoffie420 / JQuery-Background-Image-Scroll

A very simple and short JQuery plugin to scroll background image with window scroll

javascript jquery jquery-plugin image scrolling scroll background-image move background

Updated Dec 4, 2019
HTML

SayeedaSaima / Full-Responsive-Multi-Page-Website

How To Make Website Using HTML & CSS | Full Responsive Multi Page Website Design Step by Step

php icons translate background-image transform hover-effects multipage-website

Updated Aug 20, 2023
HTML

pratham0709 / Parallex-effect-project

Thise is Parallex Project Created by using HTML and CSS. So let's talk about what a Parallax Website is ,Parallax scrolling is a web design technique in which the background of a website moves slower than the foreground. As visitors scroll down the site, this creates a 3D effect, adding depth and creating a more immersive browsing experience.

html5 css3 background-image foreground-image parallex parallex-scrolling-effect 3-dimensional 2-dimensional parallex-effects

Updated Jun 2, 2023
HTML

termux-background

Justadudeinspace / termux-background

(On Back-burner) 🖼️ Termux plugin and CLI for adding custom background images to Termux — with live reload, blur, opacity control, and animation.

background-image android-app termux terminal-emulator termux-plugin visual-customization

Updated Aug 1, 2025
HTML

OpenSourceTreasure / No-Distraction-Dark-Mode-HTML-Webpage

No distraction, dark mode, HTML webpage so you can chill out in between projects

javascript html wallpaper webpage favicon homepage relax background-image distraction-free dark-mode

Updated May 22, 2024
HTML

StarSheriff2 / thenextweb-responsive-design-clone

NextWeb.com homepage clone. The objective was to create a fully responsive website for different viewports and screen sizes. Lots of grids and flexboxes were used here. Background images were used to make images responsive and keep the aspect ratio.

html aspect-ratio flexbox background-image grid-layout responsive-design responsive-web-design outline-tree

Updated Feb 27, 2021
HTML

RundesBalli / php-noise.com

🌐 The homepage for the php-noise project.

image generator homepage background-image noise background php-noise

Updated Mar 14, 2025
HTML

SwamiTheDev / background-video

Create a captivating background video with a responsive user interface for immersive online experiences and enhanced visual storytelling.

front-end front frontend animation background-image animation-effects background libary swa frontendpractice frontendprojects swamithedev swaminathanselvam

Updated Oct 8, 2023
HTML

nikitahl / bg-image

Prototype, modify and edit a background image position, size, etc. and get a ready to use CSS code for your project

css background-image

Updated Nov 1, 2021
HTML

sofiane-abou-abderrahim / html-css-basics-travel-landing-page

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

Abdulaziz-04 / Screenopolis

Broswer Backgorund Changer Chrome Extension

chrome-extension html5 js css3 background-image

Updated Nov 15, 2020
HTML

leonardoalmir / acessibilidade

Neste site aplicamos técnicas de acessibilidade (para todos verem).

git accessibility background-image media-queries reset-css acessibilidade-em-sites pseudo-cla

Updated Jul 9, 2023
HTML

IbrahimAlsabr / Leon-Template

A project for creating a Leon Template using HTML and CSS

css html css-grid background-image hovercss responsive-web-design css-flexbox

Updated Jul 21, 2022
HTML

50-Days-50-Projects / Vertical-Slider

twenty sixth Project of 50 Days Projects...

js background-image vertical-slider

Updated Oct 24, 2022
HTML

Morganiscooler / mediapipe-bgremover

The web version of the background remover app using mediapipe's interactive segmentation model

javascript website background-image background-removal removebg remove-background background-removal-js bg-remove background-removal-project background-removal-effect background-removal-software

Updated Aug 15, 2025
HTML

ClaytonEduard / cursoemvideo

Pagina para acessar todos os links dos exercícios

javascript css basic html5 background-image tables css3-flexbox basics-of-javascript

Updated Dec 29, 2022
HTML

Improve this page

Add a description, image, and links to the background-image topic page so that developers can more easily learn about it.

Curate this topic

Add this topic to your repo

To associate your repository with the background-image topic, visit your repo's landing page and select "manage topics."