Merege tube

by michananya

HTML

<div class="tube-wrapper">
  <div class="tube">HBOP</div>
  <!--<div class="tube-merege"></div>-->
</div>

CSS

.tube-wrapper {
  position: relative;
}
.tube-wrapper > div { 
  background-color: #ff0000;
  color: #ffffff;
  height: 46px;
  width: 46px;  
  line-height: 46px;
  font-size: 13px;
  text-align: center;
  border-radius: 50%;
  border-right: 4px solid rgba(255, 255, 255, 0.5);


}
.tube-wrapper > .tube-merege {
  position: absolute;
  opacity: 0.5;
  left: 4px;
  top: 0;
  z-index: -2;
  
}