Bricks Texture - Free HTML/CSS Background Image

Texture Information

Uploaded: Oct 02, 2018

Author: Hernan

Format: jpg

File Size: 76.6KB

URL: https://www.csstextures.com/brick-wall-T124.jpg

Size: 512 x 512

Tags: wall, rough, 512x512, dark, material, bricks, clay, building, block, masonry, strong, sturdy, firm, brick wall


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/brick-wall-T124.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%