С информацией
Только заголовки

Оформление кнопок на CSS

Варианты стилизации кнопок button и input, а также ссылок

Когда нужно быстро поставить на сайт симпатичную кнопку или ссылку, начинаешь искать готовое решение в поисковиках. И находишь, как правило, сборники, где у кнопки множество классов: один общий для всех, другой для конкретной кнопки, третий для эффекта. Или чересчур сложные решения, с массой тегов. А потом еще кнопку нужно подправить под ссылку и т.д. В этой заметке я постарался максимально все упростить.

Все кнопки имеют красивые ховер эффекты и всего один класс atuin-btn

Читать далее

Сдвиг частей фотографии в разные стороны

Вертикальный и горизонтальный сдвиг частей изображения в разные стороны на CSS

Пара примеров, как разрезать картинку <img> на несколько частей и произвольно сдвинуть их в нужные стороны.

Решение сделано на CSS без использования скриптов

Читать далее

Слайдер для смены двух фотографий

Пример создания слайдера "До" и "После" с диагональным разделением фотографий

Еще один вариант слайдера "До" и "После", который также может подойти для фонового эффекта секции.

Читать далее

Варианты установки SVG иконки

Установка SVG иконки графическим файлом, на HTML, CSS и JS

Есть несколько методов установки SVG иконки на страницу, и у каждого есть свои плюсы и минусы.

Читать далее

3D карусель Cloud 9 Carousel

jQuery/Zepto плагин Cloud 9 Carousel для создания 3D карусели изображений или блоков

Ранее уже была заметка 3D карусель изображений про похожий слайдер, но Cloud 9 Carousel имеет гораздо больше настроек и возможностей.

Читать далее

Красивый эффект смены 2-х фотографий

Эффект на WebGL, который заменяет одну фотографию на другую при заходе курсора мыши

Данный эффект хорошо подойдет для титульной страницы, где нет слайдера

Читать далее