---
template: "example.html"
title: "Brightness/contrast example"
shortdesc: "Example of brightness/contrast control on the client (WebGL only)."
docs: >
  This example shows how to control brightness/contrast on the client,
  the example is limited to WebGL.
tags: "brightness, contrast, webgl"
---
<div class="row-fluid">
  <div class="span12">
    <div id="map" class="map"></div>
    <div id="no-webgl" class="alert alert-error" style="display: none">
      This example requires a browser that supports <a href="http://get.webgl.org/">WebGL</a>.
    </div>
    <div class="btn-group">
      <button id="increase-brightness"><i class="icon-plus"></i></button>
      <button id="reset-brightness">Brightness</button>
      <button id="decrease-brightness"><i class="icon-minus"></i></button>
    </div>
    <div class="btn-group">
      <button id="increase-contrast"><i class="icon-plus"></i></button>
      <button id="reset-contrast">Contrast</button>
      <button id="decrease-contrast"><i class="icon-minus"></i></button>
    </div>
  </div>
</div>