0
.checkbox:checked ~ .paragraph {

    height: 60px;
    overflow: auto;
    white-space: normal;
    text-overflow: clip;
}

.paragraph {

    height: 20px;
    overflow: hidden;
    white-space: nowrap;
    transition: height .3s ease;
    text-overflow: ellipsis;

}

transitions are not applied if height is set to 100% or auto, that's why I'm looking to apply the value in px or another unit of measure

maraaaaaaaa
  • 7,355
  • 2
  • 19
  • 33
Rocha Moran
  • 11
  • 1
  • Welcome to Stack Overflow! Questions seeking code help must include the shortest code necessary to reproduce it in the question itself preferably in a [Stack Snippet](https://stackoverflow.blog/2014/09/16/introducing-runnable-javascript-css-and-html-code-snippets/). See [How to create a Minimal](https://stackoverflow.com/help/minimal-reproducible-example), [Reproducible Example](https://stackoverflow.com/help/minimal-reproducible-example) – sohaieb azaiez Mar 25 '22 at 17:59

0 Answers0