Blueprint Texture - Free HTML/CSS Background Image

Texture Information

Uploaded: Aug 06, 2018

Author: Carol Sanchez

Format: jpg

File Size: 19.6KB

URL: https://www.csstextures.com/blueprint-T75.jpg

Size: 248 x 215

Tags: dark blue, geometric, triangle, abstraction, geometry, maths, mathematical, triangles, engineering, architecture, architect, blueprint


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/blueprint-T75.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%