Исчезающий блок при hover

313
09 сентября 2017, 23:36

На http://www.lesha.wemakesites.ru/ есть макет страницы. Нужно, чтобы при наведении на кружок вместо него появлялась кнопка follow me, а сейчас она появляется вместе с ним. Как сделать так, чтобы при hover иконка заменялась кнопкой?

Answer 1

.block { 
  display: inline-block; 
} 
 
.button-2 { 
  display: none; 
} 
 
.block:hover .button-1 { 
  display: none; 
} 
 
.block:hover .button-2 { 
  display: inline-block; 
}
<div class="block"> 
  <button class="button-1">+</button> 
  <button class="button-2">Follow me</button> 
</div>

READ ALSO
Как управлять по-разному двумя разными джойстиками(на Canvas) в 3D Unity игре?
c#

Как управлять по-разному двумя разными джойстиками(на Canvas) в 3D Unity игре?

Как присвоить разные функции двум разным джойстикам? И как определить, что это они именно были нажатыЯ попытался перерыть матриал по Touch,...

 399
Использование Array.Sort в индексаторе
c#

Использование Array.Sort в индексаторе

ЗдравствуйтеУ меня есть индексатор типа Array, объявленный в классе HomeLibrary

 297
Как изменить fingerprint браузера
c#

Как изменить fingerprint браузера

В программе используется CefSharpСтоит задача менять fingerprint браузера

 494
Как выполнить синхронизацию потоков - C#
c#

Как выполнить синхронизацию потоков - C#

 333