как сделать hover эффекты как на примере
322
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>
-
07:09
-
17:51
-
08:01
-
07:36
-
07:00
-
21:22
-
20:00
-
20:14
-
07:41
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 46765 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30302 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 22906 visits
- Как через css изменить цвет png изображения? 10177 visits
- Blob video url download 9806 visits
- Php curl запрос через прокси с авторизацией 9064 visits
- Работа с captcha vk api 7981 visits
READ ALSO
© "hostciti.net" 07.5.2024 | 12:49