JSFiddle - React, Tailwind, and code Playground

by silverwind

HTML

<div>loremloremloremloremloremlorem</div>

CSS

div {
  max-width: 100px;
  overflow: hidden;
  mask-image: linear-gradient(to right, #000 0%, #000 calc(100% - 1.25rem), transparent 100%);
  -webkit-mask-image: linear-gradient(to right, #000, #000 calc(100% - 1.25rem), transparent 100%);
}