WEB-мастерская Ларисы Ворониной logo

Выдвижная форма поиска с помощью чистого CSS Июн 1 2017

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

Читать далее

Вкладки CSS. Мар 3 2017

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

Читать далее

Всплывающие подсказки на CSS Фев 26 2017

Всплывающие подсказки очень удобны для краткого описания изображения, или комментирования ссылки.

В этой статье я приведу простой пример, как сделать симпатичные всплывающие подсказки к изображениям, используя чистый CSS

Читать далее

Всплывающее модальное окно на CSS Фев 21 2017

Всплывающее модальное окно — достаточно удобный инструмент и часто используемый на сайтах. С помощью него можно выводить форму подписки, регистрации и многое другое.

Привожу простой пример, как сделать плавно всплывающее модальное окно на  CSS без скриптов.

Читать далее

Эффект переворачивания на CSS Фев 19 2017

effekt-perevorachivaniya-na-css

Эффект переворачивания изображения выглядит следующим образом: мы наводим курсор мыши на картинку и та поворачивается обратной стороной, на которой мы видим текст.

Читать далее

CSS открытка на 14 февраля. Фев 12 2017

В этой статье я покажу как создать анимированную CSS открытку на 14 февраля. При создании CSS открытки используются keyframes анимация и свойство transform CSS.

Читать далее

Слайд-шоу HTML CSS. Фев 2 2017

slideshow-HTML

Слайд-шоу — это когда картинки меняются сами. Тут уже идёт речь об анимации. В этой статье я покажу простой пример слайд-шоу на чистом HTML и CSS без использования скриптов.

Читать далее

CSS галерея с эффектом приближения. Янв 31 2017

CSS-gallery

В этой статье я покажу, как сделать простенькую галерею с эффектом приближения изображений. Делается она с помощью чистого CSS.

Читать далее

Фотогалерея CSS Янв 25 2017

В этой статье я приведу простой пример создания фотогалереи на чистом CSS, без использования JavaScript и JQuery.

Фотогалерея CSS представляет собой сетку изображений – миниатюр. При щелчке мыши по миниатюре изображение открывается полностью, так же при щелчке мыши закрывается.

Читать далее

Слайдер карусель на чистом CSS. Янв 21 2017

Слайдер карусель — вещь достаточно удобная, вверху мы видим ленту миниатюр, и, наведя курсор мыши на любую миниатюру, мы видим изображение целиком.

В этой статье я приведу пример простого слайдера карусели на чистом CSS.

Читать далее

Рейтинг@Mail.ru