X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Как сделать такую картинку?
bmp104
bmp104
Topic Starter сообщение 14.5.2011, 11:06; Ответить: bmp104
Сообщение #1


Завсегдатай
*****


Группа: Active User
Сообщений: 677
Регистрация: 13.12.2010
Поблагодарили: 55 раз
Репутация:   9  


Как на сайте лебедева здесь _http://www.artlebedev.ru/everything/coldrex/ в самом низу меняющиеся при наведении

я так понял такая картинка из трех изображений состоит.
начальная
http://img.artlebedev.ru/everything/coldre...ate_human21.jpg

сама картинка
http://img.artlebedev.ru/everything/coldre...ate_human22.jpg

и конец
http://img.artlebedev.ru/everything/coldre...ate_human23.jpg

искал в их CSS этот класс orph_human morph_human2 но ничего не нашел. Подскажите если кто в курсе.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
neSkywalker
neSkywalker
сообщение 14.5.2011, 11:18; Ответить: neSkywalker
Сообщение #2


Новичок
*

Группа: User
Сообщений: 45
Регистрация: 16.7.2010
Поблагодарили: 17 раз
Репутация:   2  


JQuery со скользящим background'ом
Меняем плавно у div background-position и получается эффект кадра.

Сообщение отредактировал neSkywalker - 14.5.2011, 11:24


--------------------
Фото знаменитостей www.populars.ru и новости шоу-бизнеса.


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Sol1d
Sol1d
сообщение 14.5.2011, 11:50; Ответить: Sol1d
Сообщение #3


Новичок
*


Группа: User
Сообщений: 43
Регистрация: 13.2.2011
Поблагодарили: 4 раза
Репутация:   1  


(bmp104 @ 14.5.2011, 10:06) *


Как вариант - просто выдрать оттуда
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
bmp104
bmp104
Topic Starter сообщение 14.5.2011, 12:54; Ответить: bmp104
Сообщение #4


Завсегдатай
*****


Группа: Active User
Сообщений: 677
Регистрация: 13.12.2010
Поблагодарили: 55 раз
Репутация:   9  


Как вариант - просто выдрать оттуда


Каким образом?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
topsmiling
topsmiling
сообщение 14.5.2011, 13:19; Ответить: topsmiling
Сообщение #5


ёёёёёёёёё ӭ
******

Группа: Active User
Сообщений: 1298
Регистрация: 6.3.2011
Из: ★звёзд★
Поблагодарили: 359 раз
Репутация:   97  


Во flash macromedia mx можно сделать! (Переход от одного кадра к другому)


--------------------
.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Serious_Andy
Serious_Andy
сообщение 14.5.2011, 13:34; Ответить: Serious_Andy
Сообщение #6


Участник
***

Группа: User
Сообщений: 176
Регистрация: 10.9.2010
Поблагодарили: 25 раз
Репутация:   1  


ну вот их скрипт: http://img.artlebedev.ru/everything/coldrex/morpher.js

и ксс к нему:

.morphers {
clear: left;
height: 212px;
position: relative;
zoom: 1;
}
.morphers:after {
clear: left;
content: '';
display: block;
height: 0;
}
.morph_human {
display: block;
float: left;
margin-right: 5%;
position: relative;
}
.morph_human .pictures {
bottom: 0;
display: block;
left: 0;
overflow: hidden;
position: absolute;
}
.morph_human .pictures .container {
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.morph_human .pictures img {
border: 0;
display: block;
left: 0;
position: absolute;
top: 0;
}
.morph_human .pictures img.selected {
z-index: 1;
}
.morph_human2 {
padding-top: 20px;
}
.morph_human1,
.morph_human1 .pictures {
height: 212px;
width: 309px;
}
.morph_human2,
.morph_human2 .pictures {
height: 192px;
width: 333px;}


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Внешний носитель Seagate как внутренний (основной)
16 Leohnny 524 Сегодня, 18:27
автор: Tima090
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыПризнавайтесь, как выглядит ваше рабочее место?
Сфоткали и выложили
48 Главтурнир 1260 Сегодня, 18:09
автор: Tima090
Открытая тема (нет новых ответов) Как раскрутить группу по доставке цветов в VK?
18 almadavro 2389 Сегодня, 17:53
автор: artemiyrich
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыКак перебороть свою лень?
152 SMMщик 9244 Сегодня, 12:47
автор: TendyMax
Открытая тема (нет новых ответов) Заголовок в Word = заголовок <h*>в HTML. Как?
2 Mamont 484 Вчера, 22:49
автор: ekvador


 



RSS Текстовая версия Сейчас: 6.12.2016, 19:56
Дизайн