Макеты
  • EXMO affiliate program
  • Выгодный курс обмена валюты

  • Здесь может быть Ваш текст или баннер номер №3...
    Пишите Свободно

NEW: 
Иконки из символов HTML с помощью CSS

Информация для Webmaster of UCOZ
Название: Иконки из символов HTML с помощью CSS
Год выхода: 2015
Автор/Источник: http://nvs71.ucoz.ru
Описание:
С помощью CSS можно создавать иконки без применения изображений. Вот небольшой пример, ниже код CSS и небольшой набор символов, он очень мал, но сайтов где можно найти символов Юникода много ;-)

Код с помощью которого сделаны иконки звездочки

Установка:
В любое место где хотите увидеть:
Код
<style>
a {text-decoration: none; } /* Убираем подчеркивание у ссылок */
#raz1 {font: 3em arial; } /* Размер символов*/
#raz2 {font: 2em arial; }
.zv {  
transition:1s;
}
a.zv:link, a.zv:visited {color:red;} /* Цвет символов*/
a.icon:link, a.icon:visited {color:blue;}
a.zv:hover  
{
color:gold;
-webkit-transform: scale(1.5) rotate(720deg);
transform: scale(1.5) rotate(720deg);
}
.icon {transition: 1s;}
a.icon:hover
{
color:yellow;
-webkit-transform: scale(5) rotate(360deg);
transform: scale(5) rotate(360deg);
}
</style>
<p><a href="#" class="zv"><span id="raz1">✯</span></a> -Звезда</p>
<p><a href="#" class="icon"><span id="raz2">✯</span></a> - тоже Звезда</p>

Cкриншоты:



Выгодный курс обмена валюты

Категория: Ucoz | Добавил: ♔Ďęŕჳҝuŭ♔ | Теги: помощью, иконки, символов, html, CSS Иконки из символов HTML с помощью CSS помощью, иконки, символов, html, CSS

Похожие новости:

Имя *:
Email *: