Эффект JQuery Bounce, изменяющий размер элемента

Question

У меня есть «окно уведомлений», как в CSS;

.NotificationsBox 
{ 
text-align:center; 
position:absolute; 
height:17px; 
width:17px; 
border: 1px solid #FFFFFF; 
Background-Color: #0099FF; 
border-color: #FFFFFF; 
top:65px; 
left:500px; 
} 

управляется эффектом отскока в JQuery;

<script> 
$(window).load(function() { 
    $(".NotificationsBox").effect("bounce", { times: 3 }, "slow"); 
}); 
</script> 

HTML;

<asp:FormView ID="FormView1" runat="server" DataSourceID="NotifyMe"> 
<ItemTemplate> 
<asp:Label ID="NotificationLabel2" runat="server" 
Text='<%# Bind("[Notifications]") %>' 
CssClass="NotificationsBox" /> 
</ItemTemplate> 
</asp:FormView> 

Эффект отскока отлично работает за исключением того, что ширина изменений коробки во время отскока Effect- он установлен в CSS, чтобы быть небольшая коробка в 17px 17px х .. В настоящее время существует «1» в и анимация, кажется, уменьшает ширину, чтобы соответствовать «1», а затем возвращается к нормальному размеру после того, как эффект заканчивается. Я пробовал использовать прокладку в CSS для прокладки сторон 1 в поле, но это не повлияло - есть идеи?

Answer 1

Добавить min-height и min-width в .NotificationsBox стиль.

min-height:17px; 
min-width:17px;