Главная » Файлы » Прочие скрипты » CSS

Круглое анимированное меню на css3 для uCoz
24.06.14, 14:25:09

Скачать файл




Замечательное круглое анимированное меню на css3. Почувствуйте всю мощь нового css

Для начала посмотрите ДЕМО

Установка:

В то место, где должно быть это меню, вставляйте:
Код
<link rel="stylesheet" type="text/css" href="/css/style.css" />  
  <link rel="stylesheet" type="text/css" href="/css/ss-standard.css" />  
  <div id="menu">  
<input type="checkbox" id="on-check" name="on-check" />  
<label id="on-button" for="on-check">  
<span><span class="ss-plus"> </span></span>  
<span><span class="ss-hyphen"> </span></span>  
</label>  

<input type="radio" id="info-home" name="radio-check" />  
<input type="radio" id="info-compass" name="radio-check" checked />  
<input type="radio" id="info-heart" name="radio-check" />  
<input type="radio" id="info-rss" name="radio-check" />  
<input type="radio" id="info-refresh" name="radio-check" />  
<input type="radio" id="info-star" name="radio-check" />  

<div id="menu-items">  
<div class="middle">  
<div class="top">  
<span class="bg-piece"> </span>
<label class="ss-home" for="info-home"> </label>  
<span class="bg-piece"> </span>
<label class="ss-compass" for="info-compass"> </label>  
<span class="bg-piece"> </span>
<label class="ss-heart" for="info-heart"> </label>
</div>  
<div class="bottom">  
<span class="bg-piece"> </span>
<label class="ss-rss" for="info-rss"> </label>
<span class="bg-piece"> </span>
<label class="ss-refresh" for="info-refresh"> </label>
<span class="bg-piece"> </span>
<label class="ss-star" for="info-star"> </label>
</div>  
</div>  
</div>  

<div class="info home-info">Вернуться домой</div>  
<div class="info compass-info">Куда двигаемся?</div>  
<div class="info heart-info">Любимое</div>  
<div class="info rss-info">RSS</div>  
<div class="info star-info">Доминирование в вселенной</div>  
<div class="info refresh-info">Обновление</div>  
<div class="faux-shadow"> </div>  
  </div>


Два стиля из прикреплённого архива залейте в папку css

Источник материала: http://ruseller.com

Категория: CSS | Добавил: Apocalypse | Теги: CSS3, круглое, ucoz, для, Меню, анимированное, на
Просмотров: 393 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: