Оформление горизонтальных линий HR
Красивые варианты оформления горизонтальных линий <hr> на CSS
В данной заметке представлено 10 вариантов оформления горизонтальных линий <hr>
Все примеры не имеют классы и привязаны непосредственно к самому тегу.
Эффект волны на изображении
Волна прокатывается по изображению при движении курсора мыши
Скрипт, реализующий данный эффект основан на WebGL и работает на библиотеке curtains.js
Перелистывание изображений при скроллинге
Красивый эффект смены изображений колесом прокрутки мыши на WebGL
Данный слайдер не имеет стрелок и точек, а перелистывание фотографий происходит при скроллинге страницы.
Работает он на библиотеках TweenMax и three.js
Фильтр для фотографий на WebGL
WebGLImageFilter для наложения на фотографию различных фильтров
В демонстрации скрипта я использовал различные фотографии с определенным набором фильтров. Но если добавить другие, изменить их или удалить, то можно получить много различных эффектов.
Слайдер "До" и "После"
Скрипт на jQuery и jQuery UI для смены одной фотографии на другую
Данный слайдер накладывает две фотографии друг на друга и заменяет их движением мыши.
Фон с движущимися трапециями
Анимированный фон для блока или страницы с движущимися трапециями
Движение трапеций реагирует на движение курсора мыши
Скрипт реализующий данную анимацию работает на библиотеке p5.js
Прелоадер, его назначение и варианты оформления
Как сделать, оформить, установить и когда нужно использовать preloader
Прелоадер — это заглушка (анимационный или другой эффект), которая показывается прежде чем полностью загрузится страница сайта
В этой статье рассмотрим как его сделать, установить, оформить и самое главное, когда его нужно использовать, а когда нет.
Всплывающие пузырьки на JS
Анимационный эффект всплывающих пузырьков для фона блока или страницы
Движение пузырьков реагирует на движение курсора мыши
4 анимированных абстрактных фона
4 анимированных абстрактных фона для блока или страницы с использованием WebGL
Скрипты, реализующие данные анимации, работают на библиотеке three.js
