Красивый эффект CSS - плавная смена изображений при наведении курсора

Смена изображений при наведении курсора Здравствуйте, уважаемые владельцы сайтов и блогов. Сегодня речь пойдёт о казалось бы простом эффекте, который основан на css стилях. Это эффект плавной смены одного изображения на другое.

Этот эффект можно использовать при создании кнопок, меню, галереи и так далее. Реализация довольно проста. А вот эффект притягивает взгляды. Кому-то интересно, как реализовано, а кому-то просто приятно посмотреть.

Для реализации плавной смены изображений достаточно выбрать два изображения или можно использовать css спрайт. И применить определённые стили. И вы получите прекрасные эффект. Наводите мышь и любуетесь.

Согласитесь, привлечь внимание посетителя – это дорогого стоит! ЧИТАТЬ ДАЛЕЕ>>>

		Это интересно 0	Как всё будет выглядеть в блоге: Красивый эффект CSS - плавная смена изображений при наведении курсора Здравствуйте, уважаемые владельцы сайтов и блогов Скопируйте код для блога: <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/kak-stat-bloggerom/8383856/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;"> Красивый эффект CSS - плавная смена изображений при наведении курсора </a> <div class="insert-intro" style="font-family:trebuchet MS;">Здравствуйте, уважаемые владельцы сайтов и блогов </div> </div> Красивый эффект CSS - плавная смена изображений при наведении курсора <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/kak-stat-bloggerom/8383856/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;">Красивый эффект CSS - плавная смена изображений при наведении курсора</a> <div style="font-family:trebuchet MS;">Здравствуйте, уважаемые владельцы сайтов и блогов </div> </div>

Максим Зайцев

17.04.2015

В избранное Пожаловаться Просмотров: 280

Комментарии ⁰

Как стать блоггером? 13328

Важные темы:

Последние откомментированные темы:

Красивый эффект CSS - плавная смена изображений при наведении курсора

Комментарии временно отключены

Открытая группа
1694 участника