/ Ваше разрешение экрана: px / Ваш Ip адрес: {ip}

Shop Scripts

Падающий снег

19-12-2018, 13:22
Распространенное новогоднее украшение сайтов, ведь зима всегда ассоциируется со снегом.
Пример реализован с помощью CSS, поэтому будет отображаться во всех браузерах независимо от настроек.
Кадрами анимации являются три изображения со снежинками в формате png, от количества снежинок зависит плотность снегопада, фон прозрачный. Снежинки разного размера создают ощущение перспективы, что делает снегопад трехмерным.

Гирлянда

19-12-2018, 13:05
Мигающая гирлянда - распространенное новогоднее украшение, в данном случае на JS. Вы можете использовать своё изображение, не забывая корректировать нужный вам размер по высоте по логике кода. Гирлянда прикреплена к верхнему краю окна и не двигается вместе c контентом. Скорость мигания лампочек задается параметром в setInterval.

Новогоднее украшение сайта от Яндекса

19-12-2018, 11:05
Как-то перед новым 2012 годом Яндекс красиво оформил вход в почту и украшение стало очень популярным у пользователей. Я предлагаю Вашему вниманию полную автономную версию данного скрипта.
В скрипте используется transform со свойством rotate. При наведении курсора на шарики гирлянды, они начинают покачиваться и издавать мелодичные звуки. Кода достаточно много, но ничего сложного там нет, для описания классов и реализации анимации используется CSS.
Удачи! Пусть ваш сайт выглядит по-новогоднему ярко.

Анимационный скрипт

26-09-2018, 13:49
Анимационный скрипт позволяет в кружки добавить фотографии, которые плавно переходя в середину и увеличиваются до нужных размеров, довольно красивый слайдер.
Замечательно подойдет для галереи фотографий, портфолио и т.д.

Уникальный скрипт с анимацией на Swiper

26-09-2018, 13:32
Выразительный концепт дизайн слайдера с анимацией, картинка выезжает сбоку, пока полностью не заменит предыдущий слайд.
Слайдер можно добавить в любой шаблон сайта независимо от версии платформы. Остается грамотно создать форму окна обрамленные DIV и CSS стилями в верхней части страницы, желательно используя максимальный размер, чтобы не ухудшить превосходные свойства слайдера. Меню сбоку позволяет сразу выбрать нужный слайд, без постоянного перелистывания всех добавленных изображений назад и вперед.

Категория: Графика, Дизайн

Сайт Слайдер React

26-09-2018, 13:05
Слайдер замечательным образом перелистывает фото, здесь картинки плавно меняется предварительно разбиваясь на несколько равных прямоугольников и быстро на глазах растворяется в другом изображении.
Здесь нет меню, кроме возможности выбора стрелками следующий слайдер и назад, но скрипт легко снабдить дополнительно элементами.

Категория: Графика, Дизайн

Hexagon Button

9-09-2018, 16:33
При наведении курсора кнопка превращается в шестиугольник, а при клике обратно становится прямоугольной формы.

Категория: Графика, Дизайн

Анимация бордюра на CSS

9-09-2018, 16:13
Красивая анимация границ (border) ссылки при наведении курсора.

Категория: Графика, Дизайн

Скрипт фонового эффекта воды

17-07-2018, 10:38
Обалденный скрипт создает эффект расплескивающийся воды на фон сайта. Прекрасная реализация, вода выглядит как настоящая, хотя скрипт очень небольшой и весит всего ничего. Анимация происходит при движении курсора по монитору. От курсора будто идут волны, которые со временем увеличиваются и пропадают. На изображении, которое подобрано под фон, все это смотрится очень живо и красиво.

Кнопка скачать на CSS3

15-07-2018, 21:20
Категория: Графика, Дизайн
Это интересно
Поиск и оплата штрафов ГИБДД/Налогов/Исполнительных производств
Новости Портала

Курс цифрового рисунка (2019) PCRec

Курс для начинающих, направлен на базовые основы рисунка в Adobe Photoshop. Он состоит из 10 занятий.

М. А. Бодров - Психологическое воздействие на личность

Манипулирование личностью, использование различных средств и технологий психологического воздействия на людей стало достаточно обычным явлением в повседневной жизни, экономической конкуренции и ...

Мои дети живут дружно (2019) PCRec

Получите пошаговую инструкцию по настройке замечательных отношений между вашими детьми. Это исчерпывающая информация от профессионального психолога о том, как как научить ваших детей договариваться ...
Реклама Партнеров
Поддержите проект
Статистика

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