Анимировать размер или высоту фона фона

Как использовать JQuery's animate() на размер фона div, если бы я изменил ширину или высоту, но не оба.Анимировать размер или высоту фона фона

Например, если бы я хотел изменить ширину, было бы что-то вроде следующей работы?

$("#buttonPic").animate({ 
    backgroundSizeW: "-=20px", 
});

Я не мог найти подобный вопрос это на SO

источник

2016-01-18 Bolboa

Можете ли вы сделать скрипка для этого? –

у меня есть сомнения по поводу backgroundSizeW собственности, кажется, немного недопустимый мне:

$("#buttonPic").animate({ 
    backgroundSize: "-=20px auto" // <-----it should work 
});

источник

2016-01-18 08:00:33 Jai

yep это действительно работает, но я было интересно, могу ли я изменить только ширину, а не ширину и высоту. Что-то похожее на это возможно с «background-position», можно сделать «backgroundPositionX» с анимацией, и он работает – Bolboa

@Bolboa, почему бы вам не установить это 'auto' явно. – Jai

.animate() функция может быть использована следующим образом

$("#go").click(function() { 
 
    $("#block").animate({ 
 
    width: "200px", 
 
    }, 1500); 
 
});

div { 
 
    background-color: #bca; 
 
    width: 100px; 
 
    border: 1px solid green; 
 
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 
<button id="go">&raquo; Run</button> 
 
<div id="block">Hello!</div>

источник

2016-01-18 07:38:10 Tushar

Это не сработает, я хочу изменить только ширину фонового изображения для моего div, а не самого div ... В настоящее время размер фона divs установлен на '60px 60px' – Bolboa

Вы можете animate() фон ширина высота с background-size

$("#buttonPic").click(function() { 
    $("#divBlock").animate({ 
    "background-size": "-=20px", 
    }, 1500); 
});

источник

2016-01-18 07:40:57

@Bolboa, почему голос? .. –

Я не проголосовал, но это будет работать только в том случае, если я хочу изменить ширину и высоту 'background-size', в настоящее время он установлен на' background-size: 60px 60px', я хочу изменить только один из них атрибуты, а не оба – Bolboa

Можете ли вы написать html также? вы должны проверить http://www.w3schools.com/cssref/css3_pr_background-size.asp –

Может быть, вы можете изменить эту идею, например:

$("#buttonPic").animate({ 
    backgroundSize: "40px 60px", 
});

, если вы хотите, чтобы «ширину» является «переменным», вы можете установить ширину istead фиксированного значения, просто:

var wid=60; 
wid-=20;

источник

2016-01-18 07:55:07 Anan

Анимировать размер или высоту фона фона

ответ

Смежные вопросы