Grippy css

div {
  border:dashed 1px #aaaaaa;
  padding: 6px 12px;
  font-size: 1.2em;
}
span.grippy {
  content: '....';
  width: 10px;
  height: 20px;
  display: inline-block;
  overflow: hidden;
  line-height: 5px;
  padding: 3px 4px;
  cursor: move;
  vertical-align: middle;
  margin-top: -.7em;
  margin-right: .3em;
  font-size: 12px;
  font-family: sans-serif;
  letter-spacing: 2px;
  color: #cccccc;
  text-shadow: 1px 0 1px black;
}
span.grippy::after {
  content: '.. .. .. ..';
}


<div>
  <span class="grippy"></span> Drag grip is on the left
</div>

Source: codepen.io

Similar codes

0 vote366 views1 answer
Css beutify scroller
CSS
0 vote331 views1 answer
Text weaving animation in css
CSS
0 vote336 views1 answer
Scroll down style
CSS
14 votes320 views3 answers
Css multiple classes same rule
CSS
68 votes319 views6 answers
Add css file in html
CSS
41 votes381 views2 answers
Add ... to long text css
CSS
0 vote343 views1 answer
Css border with 8 values
CSS
0 vote360 views1 answer
Jquery woocommerce disable add to cart css
CSS
8 votes428 views3 answers
Bootstrap file upload
CSS Bootstrap
0 vote340 views1 answer
Colored button link
CSS