Форум Сайтостроение Веб-строительство

Помогите реализовать

AGRESSOR
На сайте с 04.07.2010
Offline
79
AGRESSOR
568

Доброе время суток, хочу на сайте реализовать такую фишку как на http://rutube.ru

Что именно мне нужно? при не видении на фото появляется значок плей.

Я не сильно разбераюсь в ccs3, через обычный сss2 (:hover) я сделал, но там нет плавного исчезания этого значка.

- вот сам значок

дани мапов
На сайте с 06.09.2012
Offline
204
дани мапов
#1

Взято из кода css 


transition: opacity 0.2s linear 0s;
Написание и доработка скриптов (PHP, MySQL, JavaScript, jQuery) (/ru/forum/811046)
AGRESSOR
На сайте с 04.07.2010
Offline
79
AGRESSOR
#2

не работает, покажите живой пример с этим элементом

дани мапов
На сайте с 06.09.2012
Offline
204
дани мапов
#3

Пример - http://jsfiddle.net/9JCgm/

AGRESSOR
На сайте с 04.07.2010
Offline
79
AGRESSOR
#4

Спасибо огромное :)

Немного переделал под себя но все работает :)

просто не пойму как ПС отнесется к таким ссылка 

<a href="#" style="background-image:url(images/photos.jpg)";></a><i class="play"></i>

Не много помучался и сделал 

<a href="#"><img src="images/photos.jpg" alt="" /></a><i class="play"></i>

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий