Измените содержимое таблицы при наведении мыши?

[Trusteg]

Лучше сейчас. Но сейчас проблема в том, что переход изображения и текст не синхронизируются должным образом.

При наведении указателя мыши на таблицу, изображение меняется немного раньше. И когда мышь уходит, текст изменения, прежде чем.

Для просмотра ссылки Войди или Зарегистрируйся

 

[Ahmad]

Для обоих сценариев, я думаю, текст меняется раньше. Но я думаю, это самое близкое, вы можете получить ?

Для просмотра ссылки Войди или Зарегистрируйся

 

[Trusteg]

Попробуйте сами подобрать значения, которые вас устроят в следующих строках:

.tableA .popcorn{
    width: 52px;
    height: 61px;
    background: url(http://i.imgur.com/HUjq2Va.png) center no-repeat;
    transition: background 1s linear;
}

.tableA .statement {
    color:blue;
    transition: color 0.5s linear;
}

1s и 0.5s отвечают за длительность перехода