margin-left: 76.2%;
transform: translate(-76.2%);$(document).ready(function() {
$(document).on('mouseenter', 'tbody > tr', function() {
$(this).find('td').addClass('hide');
$(this).append('<td colspan="3" id="new">enter</td>')
});
$(document).on('mouseleave', 'tbody > tr', function() {
$(this).find('td').removeClass('hide');
$("#new").remove();
});
});
.hide {
display: none;
}<col> допустимо использовать следующие стилевые свойства: border, background, width, visibility. Остальные свойства не оказывают никакого эффекта на элемент.
1. Как его расположить в центре страницы, так чтобы он разъезжался в обе стороны, а не в одну как сейчас.
margin:auto, при неизвестной left: 50%; transform: translateX(-50%)2. Как заставить фон блока, медленно, во время раскрытия, окрашиваться в другой цвет?
@media (max-with: 767) {
*:after {display:none}
}если же проверять размер окна, современные смартфоны
выдают большие цифры (в районе 1000 пикселей).
html {
font-size: 6.25%; /* (100% * 1px / 16px = 6.25 | 1rem = 1px) */
}