Специални ефекти от HTML текстове

Автор: Laura McKinney
Дата На Създаване: 2 Април 2021
Дата На Актуализиране: 16 Може 2024
Anonim
Анимация текста на CSS. Эффект гармошки и выезжающий текст.
Видео: Анимация текста на CSS. Эффект гармошки и выезжающий текст.

Съдържание

HTML и CSS могат да създадат някои прохладни текстови ефекти, както и стандартно форматиране като размер на шрифта и цвят на фона. Специалните ефекти в HTML карат текста да се появява и да се държи по необичаен начин, който привлича вниманието на зрителя. Използвайте ги, за да анимирате спряна страница или да добавите прост текст.


Специални ефекти от HTML текстове (Полка Dot RF / снимки на полка / Getty Images)

Пуснете капачка

В текстообработката капка за капки увеличава първата буква на абзаца. Можете да възпроизведете този ефект върху уеб страниците си с помощта на HTML и CSS. Използвайте свойството "float", за да подравните капиталната буква и размера на шрифта, за да увеличите неговия размер спрямо останалата част от текста в параграфа. Поставете символите в етикетите "span".

Пример:

E Това е пример за ефект на капка с помощта на свойството float.

Подвижен текст

Ефектът (марж) в HTML определя текста да се движи по различни начини. Командата "посока" в кода указва на браузъра къде ще се движи текстът: нагоре, надолу, наляво или надясно. Атрибутът "поведение" описва как ще се движи текстът. Атрибутът "Скролиране" кара текста да се премести извън видимата му област и след това да се появи отново. Командата "слайдове" води до спиране на текста в края на полето, а "алтернативен" причинява преместването на текста от страна на страна. Използвайте командата "scrollamount", за да определите скоростта, и колкото по-голям е номерът, толкова по-бързо се превърта.


Пример:

Завъртане на текста!

Превключване на мишката върху заглавието

HTML тагът на участъка позволява текстът да се показва над областта, където е поставена. Например, ако искате да добавите обобщение на абзац, вмъкнете текста, използвайки тага за обхват.

Пример:

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