Armor Texture - Free HTML/CSS Background Image

Texture Information

Uploaded: Oct 02, 2018

Author: Hernan

Format: jpg

File Size: 597.5KB

URL: https://www.csstextures.com/armor-T128.jpg

Size: 1024 x 1024

Tags: rough, shiny, armor, steel, defense, protection, shield, plate, vest, plating, guard


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/armor-T128.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%