Subtle Grey Diagonals Texture - Free HTML/CSS Background Image

Texture Information

Uploaded: Aug 07, 2018

Author: Steve Silva

Format: png

File Size: 0.9KB

URL: https://www.csstextures.com/subtle-grey-diagonals-T87.png

Size: 5 x 5

Tags: hatch, lines, diagonal, white, subtle, elegant, light gray, grey, diagonals


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/subtle-grey-diagonals-T87.png'); 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%