Поиск по сайту

Результаты поиска по тегам 'примеры'.

  • Поиск по тегам

    Введите теги через запятую.
  • Поиск по автору

Тип публикаций


Форум риэлторов Sitebill

  • CMS Sitebill
    • Приложения, модули, настройки
    • Шаблоны
    • Формы поиска, заявки, контакты
    • Карта объектов
    • Монетизация и модули оплаты
    • Обновления
    • Выгрузки/Загрузки
    • SEO
    • Авторизация через соц.сети
    • Файлы и готовые решения
    • Отзывы клиентов
    • Фриланс
    • English support
  • Хостинг
    • Техническая поддержка
  • Недвижимость
    • Партнерская программа
    • Риэлторы
    • Загородная недвижимость
    • Ипотека
    • Новички
    • Курилка
    • Оцени материал
    • Инвестиции в недвижимость
  • Практики успешных риэлторов
    • Традиционный маркетинг для риэлторов
    • SMM для риэлторов
    • ИТ-технологии в недвижимости
  • Донат's Как развивать сообщество?
  • Бизнес-стратегии's Начало

Категории

  • Шаблоны
  • Приложения
  • Платные шаблоны
  • Языковые файлы (переводы)
  • Адресные справочники
  • Wordpress

Искать результаты в...

Искать результаты, которые...


Дата создания

  • Начать

    Конец


Последнее обновление

  • Начать

    Конец


Фильтр по количеству...

Зарегистрирован

  • Начать

    Конец


Группа


Location


Interests

Найдено 1 результат

  1. Надеюсь админ создаст отдельный раздел для этого и создаст в ней (переименует мою тему) В данном разделе пользователи смогут подчеркнуть для себя интересные идеи которые смогут применить на своем сайте Первый урок (переворот картинки без использования Jquery) начнем 1. Для начала создадим область (container) в который поместим 2 блока с содержимым box-front и box-back <div class="container"> <div class="box-front"> Передняя сторона </div> <div class="box-back"> Задняя сторона </div></div> 2. Когда мы прописали блоки приступим к написанию стилей и соответственно анимации. <style>.container{ perspective: 800px; -webkit-perspective: 800px; background: radial-gradient(#e0e0e0, #aaa); width:100%; height:300px; border-radius:6px; position:relative; }.box-front, .box-back{ transform-style: preserve-3d; -webkit-transform-style: preserve-3d; backface-visibility: hidden; -webkit-backface-visibility: hidden; width:50%; height:80%; position:absolute; top:10%; left:25%; background:#476AF1; transition:0.8s; text-align:center; color:#FFF; }.box-back{ transform:rotateY(180deg); -webkit-transform:rotateY(180deg); background-color:#7E0002; }.container:hover .box-front{ /*пишем эффект при наведении мышкой*/ transform:rotateY(180deg); -webkit-transform:rotateY(180deg); }.container:hover .box-back{ /* эффект при убранной мышки*/ transform:rotateY(360deg); -webkit-transform:rotateY(360deg); }</style> Получаем переворачивающую картинку при наведении на нее мышкой index2.html