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

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

CSS3 книга с эффектом перелистывания страниц

Автор: Admin    Категория: Основы / Шаблоны    Теги:  CSS3 книга, CSS3    Дата: 27-12-2012, 15:17
CSS3 книга с эффектом перелистывания страницCSS3 анимация перелистывания страниц

В буржунете я подсмотрел технику перелистывания страниц реализованную на CSS3. Очень эффектно! На основе этой техники я решил сделать свой пример демонстрацию такой CSS3 книги. Смотрим что получилось...
  • 100
     Просмотров: 15 293      Комментариев: 0   

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

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

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

Формат RGBA похож по синтаксису на RGB, но включает в себя альфа-канал, задающий прозрачность элемента. Значение 0 соответствует полной прозрачности, 1 — непрозрачности, а промежуточное значение вроде 0.5 — полупрозрачности.
  • 100
     Просмотров: 3 537      Комментариев: 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
     Просмотров: 13 307      Комментариев: 6   

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

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

Слайдер описание картинки при наведении на CSS3

Автор: Admin    Категория: Магия ЯваСкрипт / Разные скрипты    Теги:  CSS3    Дата: 22-04-2011, 16:53
Слайдер описание картинки при наведении на CSS3Стильный слайдер полупрозрачное описание картинки при наведении на CSS3
Очень красивый эффект плавного появления полупрозрачного и непрозрачного описания картинки при наведении. Привожу шесть примеров появления такого описания.
Реализация не простая новичку не обьяснить,а опытный и так поймёт.
  • 100
     Просмотров: 9 433      Комментариев: 3   

Простое горизонтальное 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
     Просмотров: 9 403      Комментариев: 3   

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

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

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

Лента новостей
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>

Глобус