В этой статье я расскажу, как с помощью нескольких свойств CSS можно легко добиться эффекта обрезки многострочного текста и показать многоточие в конце обрезанного текста. Также дам дополнительный совет по улучшению пользовательского опыта, позволяющий показать полный текст при наведении курсора на обрезанный текст. Свойства CSS для обрезки многострочного текста Для того, чтобы обрезать многострочный текст с помощью CSS, нам понадобятся следующие свойства: Применив эти свойства к элементу <p>, который...

В этом уроке мы рассмотрим различные двухмерные трансформаций, которые можно реализовать при помощи свойств CSS. Общий синтаксис трансформации: transform: функция трансформации(значение трансформации); Функция translateX - позволяет перемещать объекты по горизонтали, т.е. по оси x. Например, следующая запись сдвинет элемент вправо на 200 пикселей: transform: translateX(200px); Если значение трансформации задать отрицательным, то элемент сдвинется влево. Из единиц измерения обычно применяются px или %. Функция translateY - позволяет перемещать объекты по вертикали, т.е. по оси y. Принцип тот же – положительное значение сдвигает объект вниз, отрицательное вверх...