Всплывающая форма связи

https://uptolike.com
https://tech.yandex.ru/share/
http://social-likes.js.org/ru/
<div class=»contact-us»><a class=»fancybox-inline» href=»#contact_form_pop_up»>ПОДПИСАТЬСЯ</a></div> <div class=»fancybox-hidden» style=»display: none;»> <div id=»contact_form_pop_up»>[contact-form-7 404 "Not Found"]</div> </div>

/***Стили для формы обратной связи****/

.contact-us a{
border:1px solid #ccc; /*цвет границы*/
background:#2674C8; /*цвет фона*/
padding:10px 20px; /*внутренние отступы*/
display:block;
text-align:center; /*выравнивание текста по центру*/
color:#fff; /*цвет текста*/
text-decoration:none; /*убрать подчёркивание у ссылки*/
width:200px; /*ширина кнопки*/
margin:auto; /*выравнивание кнопки по центру*/
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
}

/**Плавное появление тени у кнопки при наведении**/

.contact-us a:hover{
-moz-box-shadow: 0 0 6px #000;
-webkit-box-shadow: 0 0 6px #000;
box-shadow:0 0 6px #000;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
}

Оставьте комментарий