Плавное увеличение изображения при наведении на чистом CSS3

голоса: 0

Здрасти всем)

Есть хорошая статья: Плавное увеличение картинки

Может кто нибудь пошагово обьяснить, как можно данный эффект "прикрутить" к новостям сайта?

Адрес сайта http://glamourideal.net
Закрыто с пометкой: Ответ получен!
| Автор: | Категория: Дизайн сайта
Закрыт | | Автор: Yuri_Geruk

Ответов: 1

голоса: 0
 
Лучший ответ

Попробуйте в стили прописать:

.eMessage img,.eText img {
 -moz-transition: all 1s ease-out;
 -o-transition: all 1s ease-out;
 -webkit-transition: all 1s ease-out;
 }
 
.eMessage img:hover,.eText img:hover{
 -webkit-transform: scale(1.1);
 -moz-transform: scale(1.1);
 -o-transform: scale(1.1);
 }

| Автор:
Выбор ответа лучшим | | Автор: Ирина #6
Здравствуйте Юрий. А в какую именно облать? Можно точнее?)
Юрий, а как сделать, что бы картинка - увеличивалась не выходя за рамки?
Ирина #6,
Она и так не выходит за рамки, а увеличивается вместе с ней

ну хорошо)) Тогда, что бы она увеоичивалась именно в рамке, что прописать надо?) Я попробывала как в примере, но результат нулевой...

 .eMessage img,.eText img {  overflow:hidden;  width: 250px;  height:250px;  }

 

Ирина #6,
У вас рамка задана к .eMessage img,.eText img чтобы увеличивалась внутри своего же блока, так не реализовать, а если и реализовать, в данном случае нужно писать скрипт.
...