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



 

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

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


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


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


Как на сайте лебедева здесь _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
Сообщений: 680
Регистрация: 13.12.2010
Поблагодарили: 55 раз
Репутация:   10  


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


Каким образом?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Как заработать новичку?
106 Emeralda 17650 Вчера, 21:17
автор: lesssss81
Горячая тема (нет новых ответов) Как заставить Google любить тебя?
Хочу роста трафа из Гугла : ))
72 Aslan88 16151 Вчера, 21:02
автор: alexandrrr
Открытая тема (нет новых ответов) Как установить источник заражения сайтов?
5 kelevra 333 Вчера, 17:55
автор: Nell
Горячая тема (нет новых ответов) Как быстро похудеть мужчине в домашних условиях?
бесплатно, без регистрации, без смс
211 Silverspam 13352 Вчера, 16:48
автор: Catherine_Molli
Открытая тема (нет новых ответов) Как правильно сделать категории на сайте?
Хелппп!!!
5 norino 625 Вчера, 16:28
автор: One_on_One


 



RSS Текстовая версия Сейчас: 12.12.2017, 3:26
Дизайн