Pupsmuckel
2 years ago
2 changed files with 40 additions and 30 deletions
+ 35
- 27
data/index.html
View File
| </div> | </div> | ||||
| <div class="ueberschrift"> | <div class="ueberschrift"> | ||||
| <center>Helligkeit</center> | |||||
| <div class="slider"> | |||||
| <label id="label_pwm"> | |||||
| </label> | |||||
| <input type="range" class="testregler" min="0" max="100"> | |||||
| Helligkeit | |||||
| <!--<label id="label_pwm"> | |||||
| </label>--> | |||||
| <div class="slider"> | |||||
| <input type="range" class="regler" value="50" min="1" max="100" | |||||
| oninput="this.nextElementSibling.value = this.value"> | |||||
| <output>50</output> | |||||
| </div> | |||||
| </div> | </div> | ||||
| </div> | |||||
| <div class="ueberschrift"> | <div class="ueberschrift"> | ||||
| <center>Helligkeit bei Dunkelheit</center> | |||||
| <div class="slider"> | |||||
| <label id="label_geschwindigkeit"> | |||||
| </label> | |||||
| <input type="range" class="testregler" min="0" max="100"> | |||||
| Helligkeit bei Dunkelheit | |||||
| <!--<label id="label_geschwindigkeit"> | |||||
| </label>--> | |||||
| <div class="slider"> | |||||
| <input type="range" class="regler" value="50" min="1" max="100" | |||||
| oninput="this.nextElementSibling.value = this.value"> | |||||
| <output>50</output> | |||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| <br> | |||||
| <div class="ueberschrift"> | |||||
| <center>Laufgeschwindigkeit</center> | |||||
| <div class="slider"> | |||||
| <label id="label_geschwindigkeit"> | |||||
| </label> | |||||
| <input type="range" class="testregler" min="0" max="100"> | |||||
| <div class="ueberschrift"> | |||||
| Laufgeschwindigkeit | |||||
| <!--<label id="label_geschwindigkeit"> | |||||
| </label>--> | |||||
| <div class="slider"> | |||||
| <input type="range" class="regler" value="50" min="1" max="100" | |||||
| oninput="this.nextElementSibling.value = this.value"> | |||||
| <output>50</output> | |||||
| </div> | |||||
| </div> | </div> | ||||
| </div> | |||||
| <br> | |||||
| <div class="ueberschrift"> | |||||
| <center>Licht-An-Zeit</center> | |||||
| <div class="slider"> | |||||
| <label id="label_geschwindigkeit"> | |||||
| </label> | |||||
| <input type="range" class="testregler" min="0" max="100"> | |||||
| <div class="ueberschrift"> | |||||
| Licht-An-Zeit | |||||
| <!-- <label id="label_geschwindigkeit"> | |||||
| </label>--> | |||||
| <div class="slider"> | |||||
| <input type="range" class="regler" value="50" min="1" max="100" | |||||
| oninput="this.nextElementSibling.value = this.value"> | |||||
| <output>50</output> | |||||
| </div> | |||||
| </div> | </div> | ||||
| </div> | |||||
| </body> | </body> |
+ 5
- 3
data/style.css
View File
| .ueberschrift{ | .ueberschrift{ | ||||
| color: #ffffff; | color: #ffffff; | ||||
| font-size: 50px; | font-size: 50px; | ||||
| width: 40%; | |||||
| width: 100%; | |||||
| background-color: #5f5f5f; | background-color: #5f5f5f; | ||||
| opacity: 0.2; | |||||
| text-align: center; | |||||
| } | } | ||||
| .testregler{ | |||||
| .regler{ | |||||
| -webkit-appearance: none; | -webkit-appearance: none; | ||||
| height: 30px; | height: 30px; | ||||
| width: 98%; | width: 98%; | ||||
| outline: black; | outline: black; | ||||
| background-color: rgb(176, 188, 228); | background-color: rgb(176, 188, 228); | ||||
| } | } | ||||
| .testregler::-webkit-slider-thumb{ | |||||
| .regler::-webkit-slider-thumb{ | |||||
| -webkit-appearance: none; | -webkit-appearance: none; | ||||
| appearance: none; | appearance: none; | ||||
| width: 5%; | width: 5%; |
Loading…