Горизонтальная навигация с градиентной заливкой

Автор: Admin    Категория: Меню навигации    Теги:  Горизонтальное меню, CSS3, Градиент    Дата: 5-06-2013, 23:14
Горизонтальная навигация с градиентной заливкой Несколько примеров горизонтальной навигации с градиентной заливкой, никаких картинок только CSS
  • 100
     Просмотров: 13 874      Комментариев: 2   

Горизонтальное меню CSS3 мутный текст

Автор: Admin    Категория: Меню навигации    Теги:  Горизонтальное меню, CSS3, Мутный текст    Дата: 7-09-2012, 18:43
Горизонтальное меню CSS3 мутный текстЭффект мутного текста на CSS3 в горизонтальной навигации

Иногда пользователи задают вопросы - как реализовать мутный текст без применения картинок и скриптов.
Да очень просто, с помощью CSS3 свойств: тень text-shadow и полупрозрачного цвета rgba.

Формат RGBA похож по синтаксису на RGB, но включает в себя альфа-канал, задающий прозрачность элемента. Значение 0 соответствует полной прозрачности, 1 — непрозрачности, а промежуточное значение вроде 0.5 — полупрозрачности.
  • 100
     Просмотров: 5 576      Комментариев: 0   

CSS3 горизонтальное выпадающее меню в стиле web 2.0

Автор: Admin    Категория: Меню навигации    Теги:  Горизонтальное меню, CSS3    Дата: 4-06-2011, 14:35
CSS3 горизонтальное выпадающее меню в стиле web 2.0Стильная CSS3 горизонтальная выпадающая навигация в стиле web 2.0
Представляю вашему вниманию замечательный пример реализации горизонтального выпадающего меню чисто на css.
Эффект плавного выпадания меню реализован при помощи css3 свойств transition и opacity, градиентная заливка ссылок категорий реализована css3 свойством gradient, тень текста свойством text-shadow никаких картинок нет, всё только на css.
  • 100
     Просмотров: 15 364      Комментариев: 6   

CSS3 увеличение картинки при наведении

Автор: Admin    Категория: Меню навигации    Теги:  Горизонтальное меню, CSS3, увеличение картинки    Дата: 3-06-2011, 16:46
CSS3 увеличение картинки при наведенииCSS3 увеличение картинки при наведении горизонтальная css3 навигация из иконок
Всегда и по сей день было и есть стильно модно и эффектно использовать на сайте плавное увеличение картинки при наведении.
Раньше это можно было реализовать только с помощью яваскрипта, но теперь это можно сделать очень легко и просто с помощью CSS3 и свойства transition(CSS Transition позволяет назначать изменения свойств CSS плавно и в течение некоторого времени, такая css3 анимация). Подробнее можно посмотреть тут Обзор основных CSS3 свойств
Рассмотрим два примера горизонтальной навигации из иконок которые будут плавно увеличиваться при наведении курсора мыши.
В первом примере блок с иконками навигации не растягивается - увеличивающаяся иконка располагается поверх блока.
Второй пример - простое увеличение картинки с растягиванием блока с иконками.
  • 100
     Просмотров: 21 495      Комментариев: 2   

Простое горизонтальное CSS3 слайдер меню

Автор: Admin    Категория: Меню навигации    Теги:  Горизонтальное меню, CSS3    Дата: 20-04-2011, 18:23
Простое горизонтальное CSS3 слайдер менюПример простого горизонтального CSS3 слайдер меню
Менюшка очень простая, это скорее не меню а демонстрация простейшего css3 слайдера.
В это простое меню вошли css3 свойства transition - css3 анимация, border-radius - скругление углов, box-shadow - тень, rgba - цвет и прозрачность одним свойством. Все эти свойства уже поддерживаются всеми современными браузерами, правда пока через хаки, но поддерживаются.
Меню реализовано маркированным списком вложенным в DIV, код меню валидный DTD XHTML 1.0 Strict
  • 100
     Просмотров: 12 098      Комментариев: 3   

Круглое css3 меню звезда

Автор: Admin    Категория: Меню навигации    Теги:  Горизонтальное меню, Вертикальное меню, Круглое меню, CSS3    Дата: 18-04-2011, 18:45
Круглое css3 меню звездаЗамечательный пример круглого CSS3 меню
Меню реализовано простым маркированным списком с плавающими элементами списка, в основе реализации точный расчёт размеров всех картинок таким образом чтобы картинки находились строго на своих местах без применения координатного позиционирования, картинки смещаются просто отступами сверху или снизу и таким образом располагаются вокруг основной картинки восьмиконечной звезды. Очень интересная реализация, это не просто круглое меню, а замечательный пример точного математического расчёта в CSS.
  • 100
     Просмотров: 8 975      Комментариев: 1   

Новое горизонтальное lava lamp меню на jQuery 1.6.1

Автор: Admin    Категория: Меню навигации    Теги:  Горизонтальное меню, jQuery    Дата: 11-04-2011, 18:33
Новое горизонтальное lava lamp меню на jQuery 1.6.1Как сделать горизонтальное lava lamp меню на jQuery 1.6.1
Новый скрипт меню, использующий понравившийся многим lava lamp эффект, это пожалуй самая простая и удобная реализация lava lamp эффекта.

Скрипт меню работает совместно с библиотекой jQuery 1.6.1, меню реализовано простым маркированным списком и корректно работает во всех современных браузерах, код меню валидный DTD XHTML 1.0 Strict
  • 100
     Просмотров: 8 763      Комментариев: 3   

Выезжающее CSS3 меню

Автор: Admin    Категория: Меню навигации    Теги:  Горизонтальное меню, CSS3    Дата: 6-04-2011, 15:17
Выезжающее CSS3 менюКомпактное выезжающее горизонтальное выпадающее CSS3 меню
Стильный пример CSS3 анимации свойства transition, меню реализовано в виде одной кнопки, при наведении на кнопку - вправо плавно выезжает остальная часть меню с категориями, при наведении на категорию - плавно вниз выпадает меню подкатегорий, всё просто и эффектно.
  • 100
     Просмотров: 13 770      Комментариев: 10   

назад1 2 3 4 далее

Лента новостей
RSS 2.0

Лента новостей сайта megaweb.su

Блок программ Популярный софт

Коды блока "Популярный софт":

Фиксированный
windows-1251

код блока 1

<script type="text/javascript" src="/softblok/softblok.js" charset="windows-1251"></script>

Резиновый
windows-1251

код блока 2

<script type="text/javascript" src="/softblok/softblok2.js" charset="windows-1251"></script>

Резиновый
UTF-8

код блока 3

<script type="text/javascript" src="/softblok/softblok1.js" charset="utf-8"></script>