Подскажите как сделать,что бы при наведении на миниатюру поста она плавно увеличивалась в размерах.http://pixs.ru/showimage/Bezimyanni_9732853_18382382.jpg Пример (http://beloweb.ru/demo/uvimg/) Ресурс: [ выпилено ]
На страничке, где ты нашел пример, жмешь Ctrl+U чтобы заглянуть в исходник и втыкаешь в стили img и img:hover. Селектор :hover позволяет отдельно описать свойства объекта под курсором мыши. Обращаешь внимание на атрибуты transform и transition. Они задают преобразование и способ (скорость) перехода из одного состояния в другое. Теперь, когда ты знаешь что искать, гугли нужные слова. Пособий по CSS3 навалом!
спасибо, конечно но я уже пробовал с данными атрибутами экперементировать,не вышло. Видимо еще не до рос.
Код (PHP): .image img { -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; } .image img:hover{ border-radius: 6px; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); } взял этот стиль отсюда http://beloweb.ru/demo/uvimg/ Не поверишь, я до этого подобную анимацию пока что не делал, но у меня это сделать получилось за минуты три. Так почему у тебя должно не получаться? http://jsfiddle.net/mahmuzar/c57b6Lt8/2/ даже опубликовал для тебя