Такое хобби

Так приятно не просто просматривать сайты, а понимать, что ты отчасти в курсе механики исполнения их элементов. Например, меня привлекла кнопка «Трейлер» киносервиса Ayyo.ru. Все думал, что с ней не так, пока не понял, что она наоборот оке. Это просто я могу предположить вариант ее исполнения, отчего и не получалось выкинуть ее из головы. Вот моя реализация:

Трейлер

Так я решил все заверстать:

А вот что я прописал в стилях:

#table_back {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border: dashed #0db2ff;
border-width:1px 1px 1px 1px;
}

#table_back:hover {
background-image: url(http://www.egerev.ru/wp-content/uploads/back2.png);
}

#trailer {
margin-bottom: 2px;
margin-top:-5px;
font-family: Arial;
font-size:12px;
color:#ffffff;
}

Не идеал в плане дизайна, но суть вызова заключалась совсем не в этом, а в технологическом повторении подсмотренного на Аййо элемента интерфейса. Надеюсь, моя реализация почти никого не огорчит. Вот, кстати, ссылка на страницу, где можно оценить функционал оригинального элемента.

Ещё по теме, или нет: