$('#ow-carousel > div > .button a').on('click',function () {
$.ajax({
url: "ajax/more"+scount+".html",
cache: false,
beforeSend: function() {
$(this).hide().before('<img src="image/load.gif" alt="load" />');
},
success: function(html){
$('#ow-carousel > div > .button').before(html);
$('#ow-carousel > div > .button > img').remove();
$('#ow-carousel div.portion:hidden').fadeIn();
scount -= 1;
if(scount) {
$(this).show();
} else {
$('#ow-carousel > div > .button').remove();
}
}
});
});
$('a').css({border-bottom-color:'rgba(100,100,100, 0 или 1)'});a{
font-family: 'Open Sans', sans-serif;
font-weight: 500;
font-size: 14pt;
letter-spacing: 1px;
color: #fff;
border-bottom: 2px solid rgba(100,100,100, .1); /* .1 (90% прозрачности), 0 будет прозрачным */
&:hover{
border-bottom-color: rgba(100,100,100, 1); /* 1 (0% прозрачности), 0 будет прозрачным */
}
}
<div class="item">
<div class="item-mask"></div>
<div class="item-inner"></div>
</div>.item {
position: relative;
width: 200px;
height: 200px;
background: #000;
overflow: hidden;
border-radius: 50%;
}
.item-mask {
position: absolute;
top: 100%; left: 0;
width: 100%; height: 100%;
background: #f00;
transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */
transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */
}
.item:hover .item-mask {
top: 0;
}
.item-inner {
position: absolute;
top: 10px; left: 10px;
width: 180px; height: 180px;
background: #fff;
border-radius: 50%;
}
