подскажите название эффекта или скрипта

Тема в разделе "JavaScript", создана пользователем obli, 12 апр 2015.

Модераторы: ZiX
  1. obli

    obli Создатель

    Регистр.:
    1 май 2013
    Сообщения:
    45
    Симпатии:
    2
  2. D'Jack

    D'Jack

    Регистр.:
    22 сен 2012
    Сообщения:
    335
    Симпатии:
    109
    obli нравится это.
  3. brovalex

    brovalex Писатель

    Регистр.:
    20 янв 2013
    Сообщения:
    9
    Симпатии:
    1
    Анимация fade-out + zoom. То есть, убираешь opacity верхней картинки и увеличиваешь background-size. Для точек, просто поверх ставишь элемент с прозрачным паттерном в бекграунде.

    Код:
    .slideshow:after {
      content: '';
      background: transparent url(../images/pattern.png) repeat top left;
    }
    http://colaweb.ru/demo/rayban/images/pattern.png (всего 2px * 2px, надо увеличить чтобы увидеть)
     
    obli нравится это.
  4. shadera

    shadera Писатель

    Регистр.:
    24 мар 2015
    Сообщения:
    9
    Симпатии:
    1
    Точки через бэкграунд. Приближение через зум. Вот тут интересная реализация есть: http://www.elevateweb.co.uk/image-zoom
     
    obli нравится это.
  5. dmitrypro

    dmitrypro Писатель

    Регистр.:
    15 июн 2014
    Сообщения:
    8
    Симпатии:
    3
    Попробуйте такую связку:
    1) background-size:cover;
    2) transform:scale(value);
    3) transition или animate;
    не забудьте про вендорные префиксы!
     
    obli нравится это.
  6. obli

    obli Создатель

    Регистр.:
    1 май 2013
    Сообщения:
    45
    Симпатии:
    2
    Всем пасиб разобрался особенно с паттерном думал мож какой анимайте нужен был или свойство картинки менять , оказывается все значительно проще))