[page:Material] → [page:ShaderMaterial] →

# [name]

This material can receive shadows, but otherwise is completely transparent.

### Example

[example:webgl_geometry_spline_editor geometry / spline / editor] `var planeGeometry = new THREE.PlaneGeometry( 2000, 2000 ); planeGeometry.rotateX( - Math.PI / 2 ); var planeMaterial = new THREE.ShadowMaterial(); planeMaterial.opacity = 0.2; var plane = new THREE.Mesh( planeGeometry, planeMaterial ); plane.position.y = -200; plane.receiveShadow = true; scene.add( plane );`

## Constructor

### [name]( [param:Object parameters] )

[page:Object parameters] - (optional) an object with one or more properties defining the material's appearance. Any property of the material (including any property inherited from [page:Material] and [page:ShaderMaterial]) can be passed in here.

## Properties

See the base [page:Material] and [page:ShaderMaterial] classes for common properties.

### [property:Boolean isShadowMaterial]

Used to check whether this or derived classes are shadow materials. Default is *true*.
You should not change this, as it used internally for optimisation.

### [property:Boolean transparent]

Defines whether this material is transparent. Default is *true*.

## Methods

See the base [page:Material] and [page:ShaderMaterial] classes for common methods.

## Source

[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]