Зміст
HTML і CSS можуть створювати деякі прохолодні текстові ефекти, а також стандартне форматування, наприклад, розмір шрифту та колір фону. Спеціальні ефекти в HTML викликають появу тексту і поводяться незвичайними способами, які привертають увагу глядача. Використовуйте їх, щоб анімувати зупинену сторінку або додати простий текст.
Спеціальні ефекти HTML-текстів (Polka Dot RF / Зображення в горошок / Getty Images)
Залиште кришку
У текстовому процесі кота падіння збільшує першу букву абзацу. Цей ефект можна відтворити на своїх веб-сторінках за допомогою HTML і CSS. Використовуйте властивість "float" для вирівнювання букви і розміру шрифту для збільшення його розміру відносно решти тексту в абзаці. Помістіть символи в теги "span".
Приклад:
E Це приклад ефекту випуску з використанням властивості float.
Роллінг тексту
Ефект рамки (margin) у HTML призводить до того, що текст рухається різними способами. Команда "direction" в коді повідомляє браузеру, куди буде переміщуватися текст: вгору, вниз, вліво або вправо. Атрибут "поведінка" описує спосіб переміщення тексту. Атрибут "Прокручування" призводить до переходу тексту за межі його видимої області, а потім знову з'являється. Команда "слайди" призводить до того, що текст зупиняється в кінці поля, а "альтернативний" призводить до переміщення тексту з боку в бік. Скористайтеся командою "scrollamount", щоб визначити швидкість, і чим більше число, тим швидше прокручування.
Приклад:
Нахил назвою (наведення курсору миші)
Тег HTML-діапазону дозволяє відображати текст над областю, де його вставлено. Наприклад, якщо ви хочете додати резюме абзацу, вставте текст за допомогою тега span.
Приклад:
Текст абзацу тут.