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 vote263 views1 answer
Module not found: Can't resolve './musicas/Bruno Mars JustTheWayYouAre.mp3' in 'C:\UkVibes\react_juary\client\src\components\genders'
CSS
0 vote313 views1 answer
Css background image follow scroll
CSS
0 vote320 views1 answer
Custom select dropdown css only codepen
CSS
2 votes337 views2 answers
Positioning button inside div
CSS
120 votes318 views3 answers
React import bootstrap css file
CSS
1 vote300 views1 answer
Webkit css
CSS
19 votes296 views2 answers
Center div css flex
CSS
37 votes284 views2 answers
Rgb yellow color
CSS
0 vote314 views1 answer
AddCorsMappings registry.addMapping
CSS
-1 vote291 views2 answers
Html and css websites
CSS