<input type="text" required oninvalid="this.setCustomValidity('Wow!')">
<input type="text" required oninvalid="this.setCustomValidity('Wow')" oninput="setCustomValidity('')" />
Или проблему с освещением краев можно решить по другому? Если скажете как - буду счастлив.Попробуйте указать в .block (.img) background-color близкий среднему цвету картинки. Если я правильно понимаю, светлые края - не светлые, а прозрачные.
body .layer2 {
position: absolute;
width: 100%;
z-index: 100500;
}
function onTextChange() {
var textLength = $('.textHolder').text().length;
var fontSize = Math.min(12, (1000 / textLength) * 12);
//where 12 - typical font-size, 1000 - typical length
$('.textHolder').css('font-size', fontSize+'px');
{
.outerest {
width: 100%;
min-width: 800px;
overflow: hidden;
position: relative;
}
.outerest .outer {
width: 800px;
}
.outerest .outer .inner {
position: absolute;
width: 1000px;
}
div.outer div.inner {
display: none;
}
div.outer:hover div.inner {
display: block;
}
div.first + div.second {
display: none;
}
div.first:hover + div.second {
display: block;
}