How-to articles, tricks, and solutions about BACKGROUND

To set a background drawable programmatically in Android, you can use the setBackgroundDrawable method of the View class.

On this page, you will find how to set a background-color for the text width instead of the width of the entire element. Choose the appropriate method and try examples.

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.

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

On this page, we’ll demonstrate how to animate the background of a progress bar created with the HTML <progress> element. Read this snippet to find the answer.

In this tutorial, find out how you can center your background image within a <div> element. For that, use the CSS background and background-size properties.

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

It may be difficult to style buttons, especially when we need to change them to images. You can change buttons to images with <input> and <button> elements.

Learn the steps to make an image grayscale or black and white using either filter or background-blend-mode properties. See examples.

In this tutorial, we’ll demonstrate how to create a blinking effect for a text or background easily. To achieve this goal, you need to use CSS3 animations.

Creating a fullscreen slider is an easy thing to do with the help of HTML and CSS properties. Read the tutorial and create your own cool fullscreen slider easily.

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!

Browsers serve the web page content differently that is why while using some CSS properties, problems may occur on Safari. Read the snippet and find out a tricky way to solve this problem.

Use CSS3 opacity property to make an image or a background transparent. Learn also how to change the opacity while hovering. All with examples.

One design feature that can cause difficulty is a semi-transparent background. We’ll show how to make a transparent background with an opaque text on it.

Responsive images automatically adjust to display images based on the user’s device. Learn How to Make Images Responsive with CSS. Try examples.

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.

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 about the ways of resizing and creating responsive background images. Use the CSS background-size property for that purpose. See examples.

Learn about the ways of how to zoom images and background images, transform, zoom in, zoom out and other effects with examples.

In this snippet, we’ll show how you can set an equivalent of the “cover” value of the background-size property for the <img> tag. Use the object-fit property.

Learn how to set a background color in general, how to have gradient and changing background colors with examples.

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.