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

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

ОБСУЖДЕНИЕ

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

Радиоактивные кнопки с эффектом
Просмотров: 1313  Скачан: 252 раз  Комментариев в теме: 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" />
Материалы по теме:

Mega Web Buttons PackMega Web Buttons Pack

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

стильные кнопки css3Стильные кнопки css3

В данном примере представлены красивые кнопки для сайта реализованные на чистом css3....

Блок на CSS3 c эффектом 3D трансформацииБлок на CSS3 c эффектом 3D трансфор...

Блок реализован с помощью css3 и использует 3D трансформацию для изменения своего вида....

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

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

Оригинальные кнопки с помощью css3Оригинальные кнопки с помощью css3

Оригинальные кнопки на css3, при наведении курсора на кнопку, она изменяет свой вид (растягивается, округляется, перекручивается)....

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

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

Социальные иконки на css3Социальные иконки на css3

Социальные иконки на css3, при наведении курсора на иконку, она делается полупрозрачной....
Интересные публикации:

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

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

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

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

JQuery ползунокJQuery ползунок

Красивый горизонтальный JQuery ползунок (Slider) для сайта, реализованный с помощью JQuery....

Облако теговОблако тегов на css

В данном примере представлен довольно приятный дизайн облака тегов, который реализован с помощью CSS...

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

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

Mazaya v1.0Mazaya v1.0

Mazaya - это современная универсальная новостная тема с оригинальным дизайном и предусмотренным тёмным и светлым стилем....

Full галерея на jQueryFull галерея на jQuery

Отличная галерея созданная с помощью Jquery и является одной с лучших полно-экранных галерей. В галерее красиво происходит переход с......
  • Текущий 1.67/5
  • 1
  • 2
  • 3
  • 4
  • 5

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

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

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


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