background
ПОСЛЕДНИЕ ПУБЛИКАЦИИ
ПОДПИСКА
Будь В Курсе
Подпишись, и получай эксклюзивные обновления на свой E-Mail:

Ваш E-Mail полностью защищён

ОБСУЖДЕНИЕ

Радиоактивные кнопки с эффектом

Радиоактивные кнопки с эффектом
Просмотров: 1174  Скачан: 226 раз  Комментариев в теме: 0

Красивые кнопки с эффектом радиации для вашего сайта реализованые с помощью css3. Так, как на данный момент не все браузеры поддерживают свойство webkit, то такой эффект будет работать только в современных браузерах, а если быть точнее, то в Chrome и Safari, к сожалению в остальных браузерах это просто кнопки.

Шаг 1 - создание разметки

 

HTML

<div class="wall-of-buttons">
    <a class="large green button">Форум</a>
    <a class="large blue button">Кнопка</a>
    <a class="large magenta button">jQuery</a>
    <a class="large green button">Форум</a>
    <a class="large red button">Контакты</a>
    <a class="large magenta button">jQuery</a>
    <a class="small orange button">CSS</a>
    <a class="small magenta button">jQuery</a>
    <a class="small green button">Форум</a>
    <a class="small orangellow button">JS</a>
    <a class="small blue button">Кнопка</a>
    <a class="small red button">Контакты</a>
    <a class="small blue button">Кнопка</a>
    <a class="large magenta button">jQuery</a>
    <a class="large orangellow button">CSS</a>
    <a class="large red button">Контакты</a>
    <a class="large orange button">CSS</a>
    <a class="large green button">Форум</a>
    <a class="large orangellow button">JS</a>
    <a class="large red button">Контакты</a>
    <a class="large blue button">Кнопка</a>
    <a class="large orangellow button">JS</a>
    <a class="large blue button">Кнопка</a>
    <a class="large red button">Контакты</a>
    <a class="large orange button">CSS</a>
</div>

Шаг 2 - подключение стилей

 

CSS

<link rel="stylesheet" type="text/css" href="css/style.css" />
Материалы по теме:

Набор пиктограммных кнопок на css3Набор пиктограммных кнопок на css3

Отличный набор пиктограмных кнопок с применением иконического шрифта. В наборе представлены как......

Кнопка Download на css3Кнопка Download на css3

Красивая кнопка на css3, при наведении курсора мыши на кнопку, она раскрывается, за тем уже виден сам подтекст....

Чекбокс на css3Чекбокс на css3

Чекбокс имитирующий реалистично кнопку включения, идея в принципе неплохая, но......

Сборка социальных кнопок на css3Сборка социальных кнопок на css3

Неплохая сборка социальных кнопок на css3, к кнопкам применён иконический шрифт....

Pack кнопок на CSS3Pack кнопок на CSS3

Pack стильных кнопок на css3, в паке представлены восемь кнопок разного размера и цвета....

Мега cборка социальных кнопок на css +300Мега cборка социальных кнопок на cs...

Сборка +300 социальных кнопок , это 300 разных социальных кнопок созданных на css, которые без сомнения украсят любой сайт....

Mega Web Buttons PackMega Web Buttons Pack

Mega Pack кнопок на css, в паке собрано около 40-ка кнопок с разными иконками....
Интересные публикации:

Прокручивающиеся картинкиПрокручивающиеся картинки

Если вы ищите способ как плавно прокрутить картинку, или что-то в этом роде, воспользуйтесь представленным способом....

Горизонтальное меню на jQuery «Menu Kwicks»Горизонтальное меню на jQuery «Menu Kwic...

Стильное горизонтальное меню с выдвижными иконками

Социальное меню с подписью на css3Социальное меню с подписью на css3

Стильное социальное меню на css3, при наведении на иконку, она плавно прокручивается, одновременно с анимацией иконки, плавно появляется подпись....

Вертикальное меню на css (Аккордеон)Вертикальное меню на css (Аккордеон)

Вертикальное меню аккордеон на css, хорошо подойдёт сайту информационного характера......

Стильный слайдер на jQuery «Mobilyslider»Стильный слайдер на jQuery «Mobilyslider...

Стильный слайдер на jquery, а если быть точнее, то это плагин «MobilySlider» имеющий размер всего в 5kb, слайдер довольно привлекательный с виду, име...

Стильная форма пошаговой установкиСтильная форма пошаговой установки

Это комплект пошаговой установки, которая состоит из четырёх этапов и включает в себя проверку полей....

Раскрывающиеся горизонтальное меню на css и JQueryРаскрывающиеся горизонтальное меню на cs...

Красивое раскрывающиеся горизонтальное меню, реализованное на css и jquery. Меню отлично подойдёт для сайта дизайнера или фотографа....
  • Текущий 1.25/5
  • 1
  • 2
  • 3
  • 4
  • 5

Рейтинг: 1.3/5( Голосов 8 )

Комментариев в теме: (0)

Авторизация:
YandexGoogleVKMail.ruTwitterFacebookOdnoklassniki


Ваше имя:
Сайт:
Ваша почта:
RSS
Комментарий:
Введите символы:
captcha
Обновить