Как сделать, чтобы при нажатии на кнопку блок начал плавно перемещаться вправо и одновременно как бы растворяясь исчезнул?
<div style="width:200px;height:100px;border:1px solid black;" class="disolved"></div>
<button>растворить блок</button>
Js
$('button').click(function(){
//что делать?
});
$('button').click(function() {
$(".block").addClass("slide-and-hide");
});
.block {
width: 200px;
height: 100px;
border: 1px solid black;
background: green;
}
.slide-and-hide {
opacity: 0;
margin-left: calc(100% - 200px);
transition: opacity 3s, margin-left 3s;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="block"></div>
<button>растворить блок</button>
Виртуальный выделенный сервер (VDS) становится отличным выбором
Предположим есть элемент header расположенный непосредственно в body и являющийся шапкой сайтаВ CSS можно обращаться к нему как body > header, в то же время...
Например я хочу сделать кнопку, которая автоматически закрывал бы мой сайтЭто реально вообще?
Скажите пожалуйста, как написать условие, если у всех div списка стоит display: none то что то сделать, а если не у всех, то ничего не делатьСейчас...