I need to create a div element which its background is composed of two colors split with a half circle: I want to use gradients because it will be more convenient for animation purposes. I don't want to use pseudo-elements…
I have saved the photo in a some other folder in VS code and my code is in some other folder and i want to use the photo as background image in code background-image: url("PhotosDesert.jpg"); background-size: cover; I tried this…
I am trying to create a landing page with a full page background using this image from unsplash. I resized the image to 1200px using MS paint but it still appears zoomed in when I attempt to set it as…
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…