Генератор Text-Shadow - Полезные ресурсы | Делай сайт
Приветствую Вас, Гость! Регистрация
Георгиевская ленточка
Понедельник, 05.12.2016
Главная » Полезные ресурсы » Генераторы CSS & HTML


Генераторы изображенийГенераторы CSS & HTML
Генераторы цветаГенераторы онлайн
Поисковые системыКодировщики&Декодеры
Хранилища файловБелые каталоги сайтов
Бесплатные хостингиКаталог сайтов
Полезные страницыОнлайн игры
Сайты с картинкамиВидеохостинги
Заработать на сайте



Адаптивный сайт - aTmpl


Генератор Text-Shadow

29.10.2012, 00:14

Генератор свойства text-shadow

Генератор с доступным и при этом полным функционалом.Советую испытать его в работе и понять насколько облегчен труд набора из головы.Не понадобится много времени на подбор соответствующей тени для Вашего текста.При этом код получается полностью оснащённым всеми возможными значениями для этого свойства.Что делать с кодом который получится?Вот один из примеров использования,конечно не единственный,но может помочь тем кто ещё не в полном объёме освоил прибамбасы CSS3.И так,нужно для начала применить стиль текста для како го нибудь тега,возьмём для этого тег <p> он чаще всего используется.Нужно указать в стилях тип шрифта font-family,кстати скоро открывается ещё один мой сайт на котором Вы сможете скачать "Русские шрифты для сайта".Помимо типа шрифта нужно указать его размер font-size,двух этих свойств вполне хватит для адекватного отображения текста.Прописываем стили для будущего текста.

<style>
p {
font-family:'Georgia';
font-size:30px;
}
</style>

Установив основные настройки шрифта можно дописывать стили,которые сделали в генераторе и дописываем к основным свойствам.

<style>
p {
font-family:'Georgia';
font-size:30px;
text-shadow:1px -1px 28px rgba(255, 0, 255, 1);
}
</style>

Теперь остаётся применить полученный стиль к тегу <p> и посмотреть что получилось.Выглядит это так.

<style>
p {
font-family:'Georgia';
font-size:30px;
text-shadow:1px -1px 28px rgba(255, 0, 255, 1);
}
</style>
<p>Вот сделанные за 4 секунды стили</p>

В живую получившийся шрифт выглядит так.Вы можете проверить код редакторе HTML OnLine который был изготовлен мной специально для проверок скриптов и других програмных кодов.

Вот сделанные за 4 секунды стили

Разумеется тень для текста сделана на скоряк,но Вы можете наковырять себе какие угодно тени.Генератор сделан мной,если появились вопросы или предложения воспользуйтесь формой комментариев материала.Не забудьте почитать статью о свойстве text-shadow,может пригодится как наглядный пример.

Вставьте последний код в редактор и проверьте.





  Снимок сайта   
  • Перейти на сайт



  • Русские шрифты





    Переходов: 495 | Добавил: IZOTOP | Рейтинг: 5.0/3 | Теги: тени в текст, textshadow, тень для текста, тень тексту

    Комментариев - относящихся к материалу: 0

    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]