Фоновый эффект для шапки или секции с анимированным нейронным шумом
Шум реагирует на движение курсора мыши и на прокрутку страницы, а скрипт, который его реализует, не требует фреймворков и библиотек.
Фоновый эффект для шапки или секции с анимированным нейронным шумом
Шум реагирует на движение курсора мыши и на прокрутку страницы, а скрипт, который его реализует, не требует фреймворков и библиотек.
Простые решения по работе с сайтом и его элементами:
Вращающийся трехмерный куб с фотографиями
Заголовок на прозрачном фоне, перекрывающий блок с рамкой на CSS
Текст на однородном фоне, выделенный контуром и тенью
Анимированная кнопка с мессенджером, зафиксированная внизу страницы
Туман на фотографии, который убирается курсором мыши
Вариант создания трехмерной композиции из нескольких картинок наложенных на фоновое изображение
Горизонтальное меню с SVG-иконкой и вращающимся текстом
Трехмерный слайдер в виде куба с использованием библиотеки Swiper
Плавный переход фона от блока к блоку при наведении на них курсора мыши
Плавная и плавающая фиксация элемента при прокрутке страницы
Данный блог посвящен разнообразной работе с сайтом и по большей своей части является моей записной книжкой, в которой я пишу о том, что использую, использовал или хотел бы использовать. В основном это про украшение контента и страниц, чем собственно, и люблю заниматься. Именно поэтому в эту книжку попадают только проверенные решения, которые я разобрал, проверил и решил применять в той или иной степени.
Все стили и скрипты, что я выкладываю тут, я стараюсь внедрить на страницу статьи, убедившись, что это решение работает, не только отдельно, но и уже на сделанном сайте. Очень часто бывает так, что на отдельной странице все хорошо и красиво, а на сайте происходят сплошные конфликты, например из-за bootstrap, стилей сайта или используемой информации. И вот тут становятся заметны все ошибки, решив которые заметка попадает на этот блог.