勾的css样式

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/ck3345143/article/details/88112812

工作积累:勾的css样式

/*勾的css样式 左侧部分 */
  .ok-icon {
    display: inline-block;
    width: 10px;
    height: 3px;
    background: #00a5e0;
    line-height: 0;
    font-size: 0;
    font-weight: 100;
    vertical-align: middle;
    -webkit-transform: rotate(45deg);
    outline: 0;
      margin-right: 8px;

  }
  /*勾的css样式 右侧部分 */
  .ok-icon:after {
    content: '/';
    display: block;
    width: 20px;
    height: 3px;
    background: #00a5e0;
    -webkit-transform: rotate(-90deg) translateY(-50%) translateX(50%);
    outline: 0;
      margin-right: 8px;
  }

猜你喜欢

转载自blog.csdn.net/ck3345143/article/details/88112812