Skip to main content
CSS
  • You can create icon sprite animations using the steps() animation-timing function

    button img {
      object-fit: cover;
      object-position: 0 0;
    }
    [aria-pressed="true"] img {
      animation: play 0.5s steps(20) forwards;
    }
    @keyframes play {
      to {
        object-position: 100% 0;
      }
    }
  • Line clump

    .line-clamp {
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }