I've got a full screen snap scrolling HTML page which has different topics beneath eachother; you are able to access these by scrolling down. The different categories have different background images which are set using the background-image: url("image.png") tag. Here…
I have a simple navbar that I am applying a gradient to, following the example on w3schools (https://www.w3schools.com/css/css3_gradients.asp) .nav-bar { background-image: linear-gradient(to bottom right, var(--primary-bg-color), var(--accent-txt-color)); display: flex; justify-content: flex-start; align-items: center; } This displays correctly when I preview the…
I'm just learning HTML and CSS.So,I was given a design but i don't know how to design the background image part because there are two very large background image.Here's the design and using the following CSS snippet,here's what i achieve…
I´am coding a website in Bootstrap 5, and I dont have idea how to correctly make this background (https://postimg.cc/xJymRpVf). Can someone help me please? Here is code of my section. <section class="py-5"> <div class="container"> <div class="row justify-content-center"> <div class="col-lg-9 col-12…
I was trying to set my background image using the ::before selector and I used position absolute but when i inspected the same in the browser it shows the position as absolute but I'm not able to use z-index, top…
I am currently working in HTML and CSS. I need to make an image the background of the header. #banner { padding: 60px; text-align: center; background-image: url("https://via.placeholder.com/800x300"); background-color: #1abc9c; color: white; font-size: 30px; } <div id="banner"> <h1>AlexArgent</h1> <p>My Personal Homepage</p>…
hello people i am trying to change background images on a interval of 3 seconds using javascript the code seem to be correct because the images can be seen changed in the console but not on the screen i see…
I'm trying to add a background image in my React Project, but it's not showing up despite having correct relative path as URL. Here is my "App.js": import "./styles.css"; export default function App() { return ( <div className="App"> <h1>Hi All!</h1>…
I am trying to get a hero image on a website. I would like the hero image to switch between a mobile and full image version, so I decided to go with background-image instead of I can't get the image…
I’m wondering how I can make a background only show up in the corner (and the other 3 corners around the content) like shown in the picture below… namely: I obviously can’t have a big image and the content inside…