32 lines
560 B
HTML
32 lines
560 B
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<style>
|
||
|
|
body {
|
||
|
|
width: 300px;
|
||
|
|
padding: 10px;
|
||
|
|
font-family: Arial, sans-serif;
|
||
|
|
}
|
||
|
|
.slider-container {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
margin-bottom: 10px;
|
||
|
|
}
|
||
|
|
.slider {
|
||
|
|
flex-grow: 1;
|
||
|
|
margin: 0 10px;
|
||
|
|
}
|
||
|
|
.value {
|
||
|
|
width: 40px;
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<h2>Zoom Acceleration Curve</h2>
|
||
|
|
<div id="sliders"></div>
|
||
|
|
<script src="popup.js"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|
||
|
|
|