Извините инлайн стили ... пикселы не точны. Используйте один и тот же образ дважды, один DIV поверх другого:
<div id="wrapper" style="position:relative; height:20px;">
<div id="top" style="background:url(...) top left no-repeat; position:absolute; height: 20px; width:18px; top:0; left:0; z-index:2;"></div>
<div id="under" style="background:url(...) top right no-repeat; position:absolute; height:20px; width:20px; top:0; left:2px; z-index:1;"></div>
</div>
Так верхний ДИВ показывает плюс и левый угол. Нижний div показывает правый угол - более двух пикселей, поэтому он не отображается под углами верхнего элемента. Если изображение непрозрачное, это не имеет значения ...
Анимация ширины нижнего div, чтобы получить эффект. Нет затухания, только одно изображение. Должно быть маленьким и быстрым для оживления.
Err ... какой прикрепленный образ? – VoteyDisciple
Я не знаю, что случилось, ссылка есть сейчас в любом случае –
Вы хотите, чтобы это было анимировано? Если это так, есть команда $ .animate, которую вы можете настроить для этого. –