Главная » Записи по метке: эффект

Эффект тени box-shadow CSS без изображений

Эффект тени box-shadow CSS без изображений Всем снова здравствуйте.Продолжаем эксперименты с новыми свойствами CSS3. Сегодня распишу технику создания эффекта drop-shadows, что в вольном переводе означает - "падающая тень". Ранне я рассказывал о приемах оформления границ блока с помощью CSS, в которых широко применялся параметр box-shadow, а так же наверняка всем хорошо известен стиль создания тени для текста text-shadow . Мне хотелось добиться не просто теневого оформления границ, ...

Неоновый эффект для форм с помощью CSS3 и JQuery

Формы бывают разные, красивые и безобразные. Получилось в рифму, но это так, немного лирики в начале. А если серьезно, то форм различной направленности и оформления, существует несметное количество. Отличаются они функциональностью, техникой размещения и появления на страницах сайтов, ну и конечно же количеством полей ввода информации. Все труднее становится найти что то новое в оформлении форм, привлечь внимание пользователей. Тут уж кто во что ...

Создание интересного эффекта раскрытия для миниатюр с помощью CSS и JQuery

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

Простейшее изменение размера изображения

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

Эффект уменьшения фото с jQuery

Эффект уменьшения фото с jQuery Сегодня я покажу вам, как создать простой эффект изменения изображения с помощью jQuery. Идея заключается в том что изображения, которые изначально показаны в увеличенном формате при наведении на него курсора принимают реальный размер и форму. Этот эффект может быть применен к фотографии или любому другому изображению,а также при использовании веб-сайт галерей. В примере авторов выведены черно-белые изображения, чтобы сосредоточить Ваше ...
Рейтинг@Mail.ru