Спеціальні ефекти HTML-текстів

Автор: Laura McKinney
Дата Створення: 2 Квітень 2021
Дата Оновлення: 21 Листопад 2024
Anonim
Портрет текстом на HTML + CSS
Відеоролик: Портрет текстом на HTML + CSS

Зміст

HTML і CSS можуть створювати деякі прохолодні текстові ефекти, а також стандартне форматування, наприклад, розмір шрифту та колір фону. Спеціальні ефекти в HTML викликають появу тексту і поводяться незвичайними способами, які привертають увагу глядача. Використовуйте їх, щоб анімувати зупинену сторінку або додати простий текст.


Спеціальні ефекти HTML-текстів (Polka Dot RF / Зображення в горошок / Getty Images)

Залиште кришку

У текстовому процесі кота падіння збільшує першу букву абзацу. Цей ефект можна відтворити на своїх веб-сторінках за допомогою HTML і CSS. Використовуйте властивість "float" для вирівнювання букви і розміру шрифту для збільшення його розміру відносно решти тексту в абзаці. Помістіть символи в теги "span".

Приклад:

E Це приклад ефекту випуску з використанням властивості float.

Роллінг тексту

Ефект рамки (margin) у HTML призводить до того, що текст рухається різними способами. Команда "direction" в коді повідомляє браузеру, куди буде переміщуватися текст: вгору, вниз, вліво або вправо. Атрибут "поведінка" описує спосіб переміщення тексту. Атрибут "Прокручування" призводить до переходу тексту за межі його видимої області, а потім знову з'являється. Команда "слайди" призводить до того, що текст зупиняється в кінці поля, а "альтернативний" призводить до переміщення тексту з боку в бік. Скористайтеся командою "scrollamount", щоб визначити швидкість, і чим більше число, тим швидше прокручування.


Приклад:

Загортання тексту!

Нахил назвою (наведення курсору миші)

Тег HTML-діапазону дозволяє відображати текст над областю, де його вставлено. Наприклад, якщо ви хочете додати резюме абзацу, вставте текст за допомогою тега span.

Приклад:

Текст абзацу тут.