****HTML
<div class="notify">Bạn chưa chọn loại sản phẩm.</div>
****CSS
.notify {
position: fixed;
top: 20px;
right: -340px;
width: 300px;
transition: all .2s;
box-sizing: border-box;
z-index: 99999;
background: #fff;
border: 1px solid #d9d9d9;
box-shadow: 0 0 8px rgba(0,0,0,.15);
border-radius: 16px;
padding: 18px;
touch-action: pan-y;
font-size: 16px;
color: red;
display: block !important;
z-index: 99999999;
}
.notify.error {
border: 2px solid #ff3102;
box-shadow: none;
}
.notify.is-active {
right: 20px;
}
**** Jquery
$("#no-cart").on( "click", function() {
$(".notify").addClass("is-active");
$(".notify").addClass("error");
$('.is-active').delay(1000).fadeOut();
$(".notify").fadeOut( "slow", function() {
$(".notify").removeClass("is-active");
$(".notify").removeClass("error");
});
// $('.is-active').delay("fast").fadeIn();
// $('.error').delay(1000).fadeOut();
});
