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

6 votes248 views1 answer
Float css examples
CSS
37 votes293 views1 answer
Trumping
CSS
7 votes280 views1 answer
How many fonts can i add in a css font-face
CSS
0 vote294 views1 answer
Titillium font
CSS
0 vote291 views1 answer
Add black layer on image css
CSS
0 vote281 views1 answer
How to change logo size in wordpress
CSS
0 vote284 views1 answer
Blue color when button click web mobile
CSS
0 vote272 views1 answer
Css table th width
CSS
0 vote281 views1 answer
What is focus state in css
CSS
18 votes318 views3 answers
Expo : File C:\Users\Admin\AppData\Roaming\npm\expo.ps1 cannot be loaded because running scripts is disabled on this system. For more information, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170.
CSS