Primer CSS is a free open-source CSS framework that is built upon systems that create the foundation of the basic style elements such as spacing, typography, and color. This systematic method makes sure our patterns are steady and interoperable with every other. Its approach to CSS is influenced by Object-Oriented CSS principles, functional CSS, and BEM architecture. It is highly reusable and flexible.
Primer CSS offers Truncate which is used with text that reaches a length that is larger than the existing container, shorten with ellipses. Primer CSS Truncate Expand on Hover or Focus is used to expand the text when hover or focus state is applied to them. In this article, we will discuss Truncate Expand on Hover or Focus.
Primer CSS Truncate Expand on Hover or Focus Classes:
Truncate-text: This class is used to define a truncated text.
Truncate-text–expandable: This class is used to expand the truncated text to the complete when hover or focus state is applied.
Please Login to comment...