Module background_image

Utilities for controlling an element’s background image.

Class	Properties	Preview
bg-none	background-image: none;
bg-gradient-to-t	background-image: linear-gradient(to top, var(--en-gradient-stops));
bg-gradient-to-tr	background-image: linear-gradient(to top right, var(--en-gradient-stops));
bg-gradient-to-r	background-image: linear-gradient(to right, var(--en-gradient-stops));
bg-gradient-to-br	background-image: linear-gradient(to bottom right, var(--en-gradient-stops));
bg-gradient-to-b	background-image: linear-gradient(to bottom, var(--en-gradient-stops));
bg-gradient-to-bl	background-image: linear-gradient(to bottom left, var(--en-gradient-stops));
bg-gradient-to-l	background-image: linear-gradient(to left, var(--en-gradient-stops));
bg-gradient-to-tl	background-image: linear-gradient(to top left, var(--en-gradient-stops));

Arbitrary values

Any <image> property is allowed as arbitrary value. For example, bg-[url('/hello.png')].

Tailwind reference