A Pen by ben-walters.

index.html

<div class="knob"></div>

pEJos.markdown

pEJos

A Pen by ben-walters on CodePen.

License.

style.css

.knob {
  background:pink;
  width:100px;
  height:300px;
  border-radius:120px 120px 0 0;
  margin:100px 300px;
  position:relative;
  animation: meatspin 2s linear infinite;
}
  .knob:after {
    display:block;
    background:pink;
    content:"";
    width:100px;
    height:100px;
    border-radius:100px 100px 100px 0;
    bottom:0;
    left:100%;
    position:absolute;
  }
  .knob:before {
    display:block;
    background:pink;
    content:"";
    width:100px;
    height:100px;
    border-radius:100px 100px 0 100px;
    bottom:0;
    right:100%;
    position:absolute;
  }


@keyframes meatspin {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}