[Решено] SVG поверх другой картинки

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем Delight, 8 июл 2015.

  1. Delight

    Delight

    Регистрация:
    23 июл 2013
    Сообщения:
    52
    Симпатии:
    3
    Всем привет!
    В общем суть такова. Имеется картинка, нужно поверх данной картинки наложить другую. Т.е. сделать некую кнопочку play. Т.е. на картинке сверху первоначально кнопка плей одного цвета, а при наведении цвет плавно меняется на другой. Что-то типа как на реализовано на ютуб, только реализовать посредством css.

    [​IMG]

    Понимаю, может стыдно такие вопросы спрашивать, но пока никак не получается реализовать )
     
  2. alex_storm

    alex_storm дизайн, CSS Команда форума

    Регистрация:
    11 дек 2012
    Сообщения:
    1.120
    Симпатии:
    559
    .block{
    position:relative
    }
    .image1{
    position:relative;
    z-index:1;
    }
    .image2{
    position:absolute;
    top:50%;
    left:50%;
    z-index:2;
    }