Одна из сфер CSS3 кардинально изменилась — веб-типография. Стилизация текста и аккуратные эффекты теперь могут быть достигнуты без использования JavaScript или изображений вообще. В этом посте представлены 10 очень полезных учебников по CSS3-эффектам и веб-типографии, которые выведут ваши дизайны на новый уровень. Наслаждайтесь!
Похожие сообщения:
- Использование jQuery для тестирования новых шрифтов сайта
- 10 IE CSS3 и HTML5 современные имитаторы браузера
- 10 плагинов для текстовых эффектов Magicial jQuery
1. Создайте привлекательную веб-типографику с CSS3 и Lettering.js
Узнайте, как взять базовую разметку и превратить ее в привлекательный типографский дизайн, используя только минимальное количество изображений, чистую магию CSS3, и мы добавим к нему lettering.js — плагин jQuery для радикальной веб-типографики.
2. Создать 3D-текст с помощью CSS3
Узнайте, как мы создаем трехмерный текст, используя CSS3 text-shadow для тегов заголовков и абзацев.
3. 3D CSS Shadow Text Tutorial
Это покажет вам шаг за шагом, как создать 3D-шрифт с несколькими тенями CSS, сложив несколько свойств тени текста CSS3.
4. Создайте текстовый эффект True Inset, используя CSS3
Этот учебник по вставке текста отличается от других тем, что, помимо текстовой тени по умолчанию, он также использует свойство внутренней тени.
5. CSS3 постер без изображений
Эксперимент, демонстрирующий силу методов CSS3. Этот использует прекрасные биты, такие как box-shadow, border-radius, @ font-face, transform, box-sizing, text-shadow, RGBa. Вы можете проверить код, чтобы открыть для себя эти впечатляющие функции.
6. Используйте Text Shadow с CSS3
Свойство text-shadow является одной из этих замечательных способностей. В этой статье рассказывается о 5 великолепных эффектах, которые вы можете достичь, используя CSS3 text-shadow.
7. CSS3 Background-Clip: Текст
Научитесь применять CSS-переход к выделенному тексту.
8. Создайте встроенную типографику с помощью CSS3
В этом уроке вы научитесь создавать тип вставки, популярную текстовую обработку, используя только CSS.
9. Я Сердце Blur
Это не совсем учебник, однако вы должны проверить код, использованный для создания этого потрясающего эффекта, чтобы узнать, как добавить размытие к тексту, не используя кучу свойств text-shadow.
10. CSS3 Text-Shadow — это можно сделать в IE без JavaScript?
IE9 поддерживает большинство свойств CSS3; однако он не поддерживает свойства изображения-границы и тени текста. В этой статье речь пойдет о text-shadow: как он работает в браузерах, которые его поддерживают, и о стратегиях, которые разработчики могут использовать сегодня, чтобы эмулировать некоторые его функции в IE.
