Домой / Записи Автора: Александр (страница 13)

Записи Автора: Александр

Вращающееся кнопки с помощью CSS

Вращающееся кнопки с помощью CSS

Очень оригинальный и интересный пример создание кнопок с эффектом вращения границ при наведении (hover-effect). Изменяя CSS свойство animation можно любому из примеров уменьшать или увеличивать скорость вращения.   HTML CSS Читать далее »

Выпадающий текст с помощью CSS и JQuery

Выпадающий текст CSS & jQuery

Эффект выпадания букв создан с помощью CSS и JQuery. Этим оригинальным способом можно разнообразить любой текст на вашем сайте. Я думаю, что можно создать этот же эффект на чистом CSS, но этот метод более интересен. HTML CSS JS Читать далее »

Подписи к изображениям на CSS

Подписи к изображениям на CSS

Подписи к изображениям с различными визуальными эффектами реализованы с помощью CSS. 6 различных вариантов которые подходят для реализации под мобильные устройства. Для просмотра подписи необходимо навести мышкой на изображение. HTML CSS Читать далее »

Анимационный ввод текста

Анимационный ввод текста

В этом примере реализован эффект анимации для ввода текста. Используя этот пример вы можете придать оригинальности например, своей контактной форме или любой другой запросной форме, где нужно вводить текст. Изменяя CSS свойство animation вы можете сделать время анимации быстрее или медленнее. HTML CSS JS Читать далее »

Визитная карточка с Hover-эффектом на чистом CSS

Визитная карточка с Hover-эффектом на чистом CSS

Отличный пример реализации двухсторонней визитной карточки. Первая сторона видна изначально, а вторая с контактной информацией видна после наведения на визитку (hover-эффект). Данный пример визитки для веб-разработчика реализован с помощью CSS.   HTML CSS Читать далее »

Hover-эффекты для кнопок на CSS

Hover эффекты для кнопок на CSS

В этом примере предлагаю ознакомиться с отличными hover-эффектами для кнопок. Если вы хотите придать немного динамики на сайт, то это можно сделать с помощью несложных hover-эффектов на CSS. Представленные ниже способы можно применять для кнопок любого характера. Огромный плюс этих hover-эффектов для кнопок в том, что они реализованы на чистом CSS и полностью кроссбраузерные. HTML CSS Читать далее »

Эмоциональные кнопки с помощью CSS и Snap.svg

Эмоциональные кнопки на чистом CSS

Крутые кнопки с эмоциями которые отлично подойдут для голосования, рейтинга или оценки. Реализованы кнопки с помощью CSS и библиотеки Snap.svg.  Данная библиотека в состоянии загружать, анимировать, и даже создавать SVG графику прямо в браузере. Смена эмоций происходит после нажатия на кнопку. HTML CSS JS Читать далее »

Переключатель в стиле iOS на CSS

Переключатель в стиле iOS на CSS

В данном примере вы найдете исходный код и демо работы кнопок-переключателей в стиле iOS реализованных на чистом CSS. Думаю все знают, что iOS (до 24 июня 2010 года — iPhone OS) — мобильная операционная система, разрабатываемая и выпускаемая американской компанией Apple. HTML CSS Читать далее »