Snippets tagged “background-image”

Learn How to Apply a Blur Filter to a Background Image with W3docs tutorial. Follow up the steps and create a blurred background image for your website.

If you want to make your website eye-catching and creative read this snippet and learn to create a glass background effect for your text step by step.

To add background image to your HTML document you should use CSS styles.

If you want to make your website more attractive, read this snippet and learn how to add both a background-image and CSS3 gradient to the same element.

Read about how to use multiple background images with the help of background-image, background-position, background-repeat properties. Also, see examples!

Learn about how to add blurring effect to your background image withe the CSS filter property. See examples.

Create an attractive effect for your website learning how to change the background images on scroll. Also, see nice examples!

Before creating a website choose an impressive design to attract your visitors and increase user engagement. One of the trendy effects is Parallax effect. Also, find beautiful examples!

If you are looking for ways for making your website more imaginative, read this snippet and learn to create an animated filled text due to our examples.

There are many ways of cropping and centering an image in CSS. Read and find examples with the background-image and object-fit properties, and the <img> tag.

In this snippet, we’ll show how you can overcome the difficulty of increasing the space between the dots of dotted borders. See what properties you can use.

It is possible to make the <div> to automatically adjust to the background size without setting a specific height or min-height. In our snippet, we’ll show how this can be done.

Overlays can be a great addition to the image and create an attractive website. In this snippet, you can find different examples of overlaying images with CSS.

The background image is manipulated with the background-image property. But you may need to remove the background image, and we’ll show how it can be done.

Learn the ways of removing, styling and replacing list bullets with images. Also how to make horizontal lists. All with examples.

Learn about the ways of resizing and creating responsive background images. Use the CSS background-size property for that purpose. See examples.

In this snippet, you can find the solution of setting the equivalent of “src” attribute of an <img> tag. For that, use the content or background-image properties.

Learn How to Set the Size of the Background-image. Use the background-size property. In this snippet, we’ll show you how to do that with examples.

Learn the ways of styling and have attractive horizontal lines: how to change color and size, set images as horizontal lines and a pack full of various kinds of <hr> examples.

Style comment boxes, change the background color, add a background image or set borders to your comment box. See all with examples.

In this snippet, we’ll discuss the differences between the HTML <img> tag and CSS background-image property, which will help you make a better decision.