HTML5 - Трансформация на текст

Съдържание
Има две свойства, които ни позволяват да променяме и променяме текста в документите HTML5, това са текстова декорация Y преобразуване на текст, те ви позволяват да им дадете външни или плоски стилове, за да промените желания текст.
Прилагане на стиловете.
Нека да видим какво означава всяко от тези свойства и как могат да бъдат приложени:
  • украса на текст: Приложете декорация към текстов блок, нейните възможни свойства са: няма, подчертаване, подчертаване, пресичане, мигане.
  • преобразуване на текст: Приложете трансформация към текстов блок, възможните му свойства са: няма, главни, главни, малки.

Нека анализираме следния пример, когато прилагаме и двете свойства, за да генерираме ефект в текста, ще преобразуваме всичко в главни букви и допълнително ще поставим ред в средата, за да постигнем зачертаващ ефект:
 Пример

Има много различни видове плодове - има само над 500 сорта банани. Докато добавим безбройните видове ябълки, портокали и други добре познати плодове, ние сме изправени пред хиляди възможности за избор. Един от най -интересните аспекти на плодовете е сортът, наличен във всяка страна. Живея близо до Лондон, в район, известен със своите ябълки.


Сега нека видим какво ни показва браузърът, ако забележим кода, знаем, че нашият текст е комбинация от главни и малки букви и резултатът е различен благодарение на преобразуване на текст.

Този ефект е доста популярен, тъй като чрез добра комбинация можем да постигнем усещане за дълбочина, за което говорим текстова сянка, което не прави нищо повече от добавяне на сянка към текстов блок и неговите свойства са: ,,,, те работят по същия начин като сенките на HTML елементи.
Не забравяйте, че свойствата h-shadow работят за хоризонталната сянка, v-shadow за вертикалната, размазването ни дава разпространението на сянката и цвета за нейните цветови ефекти.
Без да се замисляме, нека преминем към пример, използващ тези опции:
 Пример

Има много различни видове плодове - има само над 500 сорта банани. Докато добавим безбройните видове ябълки, портокали и други добре познати плодове, ние сме изправени пред хиляди възможности за избор.


Този код ни дава следните резултати в браузъра:

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

Така ще помогнете за развитието на сайта, сподели с приятелите си

wave wave wave wave wave