| Главная » Статьи » Компьютер, Интернет » CSS|HTML |
Иконки из символов HTML с помощью CSS
Иконки из символов HTML с помощью CSSС помощью 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> | |||||||||||||||||||||
| Категория: CSS|HTML | Добавил: Админ (11.07.2014) | |||||||||||||||||||||
| Просмотров: 1582 | |||||||||||||||||||||
| Всего комментариев: 0 | |