Показать сообщение отдельно
  #254 (permalink)  
Старый 17.01.2016, 10:08
Аватар для join
Профессор
Отправить личное сообщение для join Посмотреть профиль Найти все сообщения от join
 
Регистрация: 05.03.2012
Сообщений: 477

<style>
#bublik + iframe{
transition: all 0.8s ease;
}
#bublik{float:left;background-color:black;color:white;border:2px groove #777;box-shadow:1px 1px 1px 1px #333;}
#bublik:hover + iframe,#bublik:active + iframe,#bublik:focus + iframe{
width: 700px;
height: 380px;
}
</style>
<button id="bublik">з<br>у<br>м</button>
<iframe style="display:block;margin:0 auto;" width="560" height="315" src="https://www.youtube.com/embed/QP9ADVz5uPM" frameborder="0" allowfullscreen></iframe>
Ответить с цитированием