blog/static/cassette-player/css/knobKnob.css
gribse 25b5ca2d7e
Some checks are pending
/ test (push) Waiting to run
add cassette player
2025-04-30 22:21:13 +02:00

50 lines
No EOL
912 B
CSS

/*----------------------------
knobKnob Styles
-----------------------------*/
.knob{
width: 100px;
height: 100px;
position: relative;
}
.knob .top{
position: absolute;
width: 100%;
height: 100%;
background: url(../images/knob.jpg) no-repeat center center;
z-index: 10;
cursor: default !important;
border-radius: 50%;
box-shadow: inset 0 0 3px 2px rgba(255,255,255,0.6);
}
.knob .base{
width: 100%;
height: 100%;
box-shadow: 0 5px 0 #555, 0px 5px 5px black;
position: absolute;
z-index: 1;
border-radius: 50%;
}
.knob .top:after{
content: '';
width: 4px;
height: 4px;
background-color: #666;
position: absolute;
top: 50%;
margin-top: -2px;
left: 4px;
border-radius: 50%;
cursor: default !important;
box-shadow:
0 0 1px #5a5a5a inset,
1px -1px 1px rgba(255,255,255,0.5);
}
.knob [draggable] {
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
}