Bricks Texture - Free HTML/CSS Background Image

Texture Information

Uploaded: Oct 02, 2018

Author: Hernan

Format: jpg

File Size: 365.4KB

URL: https://www.csstextures.com/bricks-T125.jpg

Size: 768 x 512

Tags: red, wall, rough, brick, old, aged, decorative, material, bricks, clay, building, strong, firm, brick wall, concrete


Texture Configuration

Background color

Opacity

Hue

Saturation

Lightness

Code to place in your CSS file, inside the tag you want to add the background to:

background-image: radial-gradient(ellipse at center, rgba(0,0,0,0) 50%, rgba(0,0,0,0.8) 100%), url('https://www.csstextures.com/bricks-T125.jpg'); background-repeat: repeat;
Copy to clipboard

Semiopaque B&W backgrounds on top:

0%

10%

20%

30%

40%

50%

60%

70%

80%

90%

100%

0%

10%

20%

30%

40%

50%

60%

70%

80%

90%

100%