как сделать hover эффекты как на примере

387

26 марта 2017, 02:16

Тут в примере нажмите на жёлтую кнопку и откроется демо сайта, где-то по середине сайта есть 5 картинок, при наведении на которые они заполняются беым фоном, а текс становится черным. как это сделать?

Answer 1

такой эффект можно достичь CSS свойством transition;

.block { 
  border: 1px black solid; 
  width: 100px; 
  height: 300px; 
  float: left; 
  margin-right: 20px; 
  position: relative; 
  background-color: black; 
  transition: background-color 1s; 
} 
 
.block:hover { 
  background-color: white; 
}

<div class="block"></div> 
<div class="block"></div> 
<div class="block"></div>

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

C# Google Парсинг

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

314

не срабатывает AllowAnonymous в web api 2

Начал изучать web api, дошёл до аутентификации пользователей и тут возник вопросСоздаю отдельный простой фильтр аутентификации, по примерам,...

438

Генерация pdf файл Response.AppendHeader

Генерирую doc файл вот так

339

Как вклиниться в Thread?

Я как то встречал возможность выполнить код, вклинившись в работающий ThreadНо не могу вспомнить как это делалось

290