Noisy — плагин создания шума фона (jQuery, CSS)

Одним из приемов эффектного дизайна служит добавление шумов к элементам, в том числе и фону сайта. Создание такого шума графикой вытекает в проблему чередования изображения (пусть даже одноцветного) и подгонкой швов для того, чтобы шум был однородным.

В таком случае может помочь плагин jQuery - Noisy для создания шумов уже на готовом проекте.

Плагин подключается быстро и просто, вот так:

$('body').noisy({
    intensity: 0.9,
    size: 200,
    opacity: 0.08,
    fallback: 'fallback.png',
    monochrome: false
});

Или так

$('body').noisy();

Существует демо-версия с UI интерфейсом для настройки.

Скачать плагин можно на гитхабе.

Понравился пост? Подпишитесь на RSS ленту или Twitter.
1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (2 votes, average: 5,00 из 5)
Loading ... Loading ...
о 7 Март, 2011
4 Комментариев
Рубрика Ajax, CSS, web-разработка, Верстка
Теги: , , , ,

Похожие записи

4 Комментариев на «Noisy — плагин создания шума фона (jQuery, CSS)»

  • Костя
    23 Апрель, 2011, 2:40

    С этим плагином сайт стал гораздо лучше выглядеть http://tofer.ru/
    Спасибо за перевод.

    Thumb up 0 Thumb down 0

    Ответить

  • makecode
    23 Апрель, 2011, 10:49

    Да, стал действительно лучше. Только у меня при 1280х1024 появляется нижняя полоса прокрутки.
    http://img28.imageshack.us/f/20110423113504.png/

    Thumb up 0 Thumb down 0

    Ответить

    Костя Ответил:
    Апрель 23rd, 2011 at 14:37

    В CSS проблема была. Сейчас у меня вроде все нормально отображается http://imm.io/5aOa

    Thumb up 0 Thumb down 0

    Ответить

  • Павел
    31 Июль, 2011, 22:22

    Прошу разъяснить.
    Автор пишет:
    Installation

    Just download the repository and link to the local minimized script

    Or link via cdnjs.com

    я понял так, или одно прописываем или другое, но одно без другого не работает. Правда пробовал на денвере. Если есть зависимость от http://cdnjs.cloudflare.com, то лично мне это не надо.

    Thumb up 0 Thumb down 0

    Ответить

Оставить комментарий

«
»