Как сделать, чтобы при наведении на картинку появлялся текст

Страница 1 из 1 1
Модератор форума: JonMagon

Сообщество uCoz » Вебмастеру » JavaScript, Flash и прочие технологии » Как сделать, чтобы при наведении на картинку появлялся текст (Как сделать, чтобы при наведении на картинку вспывал текст)

Malenkaya_pakost

Сообщений: 2

Репутация: 0

Сообщение # 1 | 00:00:33 29 Май 2013

Здравствуйте! Я совсем новичок, поэтому прошу о помощи.
Хочу сделать так, чтобы при наведении курсора на картинку, справа от картинки всплывал текст. Вот пример http://www.css3demos.rusdigi.org/css_hover_effect3.html. Здесь не совсем понятно для меня описано shy

Если можно, расскажите подробно как это сделать. Спасибо!

webanet

Сообщений: 24067

Репутация: 4985

Сообщение # 2 | 00:08:00 29 Май 2013

Malenkaya_pakost, что непонятного? закутываете картинку в див

Цитата

<div id="ex3">
<img src="я ссылка на картинку"><p>я будущий всплывающий текст</p>
</div>

а в таблицу стилей в любое место рисуете это

Код

#ex3 {
  width: 730px;
  height: 133px;
  line-height: 0px;
  color: transparent;
  font-size: 50px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-weight: 300;
  text-transform: uppercase;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}

#ex3:hover {
  line-height: 133px;
  color: #575858;
}

#ex3 img{
  float: left;
  margin: 0 15px;
}

стили регулируем на свой вкус и под потребности. что именно не понятно?

ТУТ можно оставить своё мнение по любому вопросу
https://webanetlabs.net/

Malenkaya_pakost

Сообщений: 2

Репутация: 0

Сообщение # 3 | 00:12:23 29 Май 2013

Спасибо большое! теперь все понятно))

Страница 1 из 1
1