• 0

    Вопрос

    Alarr

    Доброго всем дня.
    Нужно сделать так, чтобы на фоне сайта дымился дым (клубился, вращался и.т.д), всегда, а в некоторых блоках дым должен двигаться, сжиматься или расширяться в зависимости от проскроливания страницы.
    Пожалуйста, подскажите, как это сделать лучше всего?
    Поставить на фон видео? Но его нельзя будет контролить скролом.

    Поделиться сообщением


    Ссылка на сообщение
    Поделиться на других сайтах

    2 ответа на этот вопрос

    Рекомендуемые сообщения

    • 0
    npofopr

    Можно на canvas

    http://codepen.io/search/pens?q=smoke&limit=all&type=type-pens

    Поделиться сообщением


    Ссылка на сообщение
    Поделиться на других сайтах
    • 0
    Alarr
    2 часа назад, npofopr сказал:

    Можно на canvas

    http://codepen.io/search/pens?q=smoke&limit=all&type=type-pens

    Ну, вроде норм, но походу придётся юзать гифки с прозрачным фоном.

    Поделиться сообщением


    Ссылка на сообщение
    Поделиться на других сайтах

    Создайте аккаунт или войдите в него для комментирования

    Вы должны быть пользователем, чтобы оставить комментарий

    Создать аккаунт

    Зарегистрируйтесь для получения аккаунта. Это просто!

    Зарегистрировать аккаунт

    Войти

    Уже зарегистрированы? Войдите здесь.

    Войти сейчас

    • Войти через Facebook
    • Войти через Twitter
    • Войти через Microsoft
    • Войти через LinkedIn
    • Войти через Google

    • Похожие публикации

      • xaker01
        Автор: xaker01
        Есть готовые PSD файлы.
        Вопросы можно задать тут или в скайп.
        skype: viktor_skype_go
        zakaz.zip
      • Dizred
        Автор: Dizred
        Добрый день! Помогите с такой проблемой:
        Есть шаблон с общим фоном:

        Для понятности разметки поменял на другой цвет:

        Суть вопроса: надо где черный квадрат и цифра 1, вставить изображение прозрачное в самый угол, ну типо ленточки георгиевской и всё остальное залить фоном:

        Вот css:
        html{background-color:#5d1338;} body{background:url(../images/purple/bg.jpg) no-repeat top center;} a.read_more{background-color:#ff9694;} .button_divider{border-bottom:1px #6a2146 solid; border-top:1px #6a2146 solid;} a{color:#ff9694;} h1 span, h2 span, h3 span, h4 span, h1 strong, h2 strong, h3 strong, h4 strong{color:#ff9694;} ul#main_menu li a.selected {color:#ff9694;} ul#main_menu li a:hover, ul#main_menu li.current-menu-item a{color:#ff9694;} ul#main_menu ul li a {color:#ff9694;} ul#main_menu ul li ul li a {color:#ff9694;} .footer_menu ul li.selected a{ color:#ff9694;} .footer_menu ul li a:hover{ color:#ff9694; } .post_date, .post_date_nothumb, .service_pricespecial, input#searchsubmit, ul.filter_portfolio li.selected a, ul.filter_portfolio li a:hover, input.form_submit, a.icon_link_img{ background-color:#ff9694;} .footer_text a:hover{ border-bottom:1px dotted #ff9694;} ul#main_menu ul, ul#main_menu ul li ul, .flex-caption {background-color:#5d1338;} a.more, .left13 ul li, .entry ul li, .sidebar ul li{ background:url(../images/purple/bullet.png) no-repeat left;} .home_underslider{ background:url(../images/purple/home_underslider.jpg) no-repeat center top;} .slide_frame{background:url(../images/purple/slider_frame.png) no-repeat center;} .footer{background-color:#460d29;} .footer_text, .footer_menu ul li a{color:#b05877;} @media screen and (max-width: 1024px) { .show_menu, .hide_menu, ul#main_menu, ul#main_menu ul{ background-color:#5d1338;} ul.filter_portfolio li.selected a, ul.filter_portfolio li a:hover{background-color:#5d1338;} ul.filter_portfolio li a{color:#ff9694;} }  
        Помогите пожалуйста это сделать  
        Вроде получилось подробно описать суть вопроса...
      • Юрий Гец
        Автор: Юрий Гец
        Как задать через html или css или ещё как-то – изображение, которое автоматически подтягивается при вставке ссылки в поле ввода сообщения (например в VK или Facebook)?
        Прикрепил 2 примера.


    • advertisement_alt
    • advertisement_alt
    • advertisement_alt