ol-opacity/dist/ol-opacity.css

ol-opacity is a OpenLayers plugin that makes multiple tile layers transparent.

#opacity-control{position:absolute;width:175px;right:0;padding:10px 0 10px 10px;margin:10px 10px 0 0;border-radius:4px;background-color:#fff}#opacity-control hr{margin:5px 10px 5px 0}#opacity-control input[type=checkbox]{margin-right:5px}#opacity-control input[type=radio]{margin-right:5px}#opacity-control input[type=range]{-webkit-appearance:none;-webkit-tap-highlight-color:rgba(255,255,255,0);width:125px;height:10px;margin:0;border:none;padding:1px 2px;border-radius:30px;background:#f1f0ee;outline:0}#opacity-control input[type=range]::-ms-track{border:inherit;color:transparent;background:0 0}#opacity-control input[type=range]::-ms-fill-lower,#opacity-control input[type=range]::-ms-fill-upper{background:0 0}#opacity-control input[type=range]::-ms-tooltip{display:none}#opacity-control input[type=range]::-ms-thumb{width:15px;height:18px;border-radius:12px;border:0;background-image:linear-gradient(to bottom,#1253a4 0,#1253a4 100%)}