📱 Обрезка текста с кнопкой “Ещё”

📱

Обрезка текста с кнопкой “Ещё”

Привет! В этом гайде покажу, как реализовать обрезку длинного текста с кнопкой “Ещё” — идеально подходит для отзывов, описаний товаров и карточек постов.

Ключевые моменты:

• HTML: минимальная разметка — один абзац и кнопка.

• CSS: компактная стилизация в виде карточки с тенью, скруглением и элегантной обрезкой строки.

• JavaScript: простой переключатель состояния с изменением текста кнопки и класса.

Это универсальный и полезный элемент, который стоит держать под рукой для любого интерфейса.

📣

Code Ready | #гайд

Please open Telegram to view this post

VIEW IN TELEGRAM

👍30🔥17❤8🤝1

www.tgoop.com/code_ready/1937

4.35K viewsJul 9 at 10:30

tgoop.com/code_ready/1938

Create: 2025-07-09
Last Update: 2025-07-14 13:25:11

📱 Обрезка текста с кнопкой “Ещё”

Привет! В этом гайде покажу, как реализовать обрезку длинного текста с кнопкой “Ещё” — идеально подходит для отзывов, описаний товаров и карточек постов.

Ключевые моменты:

• HTML: минимальная разметка — один абзац и кнопка.

• CSS: компактная стилизация в виде карточки с тенью, скруглением и элегантной обрезкой строки.

• JavaScript: простой переключатель состояния с изменением текста кнопки и класса.

Это универсальный и полезный элемент, который стоит держать под рукой для любого интерфейса.

📣

Code Ready | #гайд

Telegram News

📱 Обрезка текста с кнопкой “Ещё”