Technologie poprawy jakości obrazu

.slider-container { position: relative; } .image-container { position: absolute; top: 0; left: 0; height: 100%; width: 50%; overflow: hidden; } .image-container img { height: 100%; width: auto; } .slider { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-appearance: none; appearance: none; background: transparent; outline: none; } .slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 10px; height: 10px; background: #333; cursor: pointer; } .slider::-moz-range-thumb { width: 10px; height: 10px; background: #333; cursor: pointer; }