Как исправить?После обработки данных формы бэкенд должен средиректить пользователя куда-нибудь. Адрес может быть тем же самым, главное, чтобы браузер сделал get-запрос, тогда обновление страницы будет работать как ожидается.
.row:hover {
// Next row, slides are above their columns, giving downward motion on hover
& ~ .row .slide { transform: translateY(-100%); }
// Current row, slides to the right of their columns, giving left motion on hover
.slide { transform: translateX(100%); }
// Current row, next slides, slides to the left of their columns, giving right motion on hover
& .col:hover ~ .col .slide { transform: translateX(-100%); }
// Current slide
.col:hover .slide {
transform: none;
visibility: visible;
transition-delay: 0s;
}
}
pattern="(^регулярное_выражение_для_сотового$|^регулярное_выражение_для_обычного$)"
* {
overflow-x: hidden;
}
такое впечатление, что проверка через них будет работать только с конкретным полем, внутри которого использован.Да, этот плагин предназначен для валидации одного конкретного поля, чтобы валидировать всю форму нужно использовать какое-то другое решение.
Нужно что бы генерировалась ссылка, в которой будут указаны параметры (размеры, цвет и т.д.) и на основе этих параметров генерировался виджет.Ссылка не должна генерироваться, её просто нужно указывать на сайте в виде
<script src="https://yoursite.ru/widget.js?foo=bar"></script>
.Хочется сэкономить немного времени на разработку - есть ли готовые библиотеки которые будут определять ширину экрана, устройство, портретный/альбомный виды?Есть.
Что за ерунда?Невозможно навести на невидимый элемент => невозможно сделать невидимый элемент видимым при наведении. С прозрачностью работает.
.talkBtn:hover {
transition: all 0.5s ease-in; // При наведении кнопка увеличивается за полсекунды
}
.talkBtn {
transition: all 3s ease-in; // А уменьшается обратно уже за три
}
Нормальна ли такая структура?Нет, кнопки нужно делать при помощи кнопок:
<button class="talkBtn" type="button">Высказаться</button>