Slate Stone Texture - Free HTML/CSS Background Image

Texture Information

Uploaded: Aug 16, 2018

Author: Steve Silva

Format: jpg

File Size: 82.3KB

URL: https://www.csstextures.com/slate-stone-wall-T120.jpg

Size: 300 x 300

Tags: stone, wall, rough, nature, natural, textured, architecture, architect, slate, rock


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/slate-stone-wall-T120.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%