Jump to content

WebPlus

Newbie
  • Posts

    5
  • Joined

  • Last visited

Posts posted by WebPlus

  1. 5 минут назад, Igor Schnaider сказал:

    У вас там вообще заливка (fill), а не линия (stroke).
    Вот, сравните.

    а почему не работает анимация для этого круга, я в стилях прописываю animation: dash 5s linear alternate infinite;

  2. 22 минуты назад, Igor Schnaider сказал:

    Учтите, что значения stroke-dasharray и stroke-dashoffset в вашем случае будут (вероятнее всего) отличаться. Так что просто простой заменой не обойтись.
    Там в конце статьи приведен код на JS. Можете его использовать, чтобы самому каждый раз не прописывать. Попробуйте.
    (Если у вас вообще проблема в этом. Пример бы.)

    вот страничка http://webplus.net.ua/svg/test.html  сделайте просмотр исходного кода, Посмотрите пожалуйста и скажите почему анимация не работает 

  3. Здравствуйте!

    Пытаюсь создать анимацию на сайте с использованием SVG изображения экспортированного с Corel Draw.

    Я в интернете нашел пример https://css-tricks.com/svg-line-animation-works/  где идет обрисовка изображения при помощи animation в css

    но когда я заменяю коде изображения в теги path - вставляю код экспортированного с   Corel - а изображения в формате SVG то эта анимация не работает.

    Подскажите как с Corel Draw изображения SVG сделать анимацию в HTML

  4. для планшетов обычно делают разрешение 768px

    Пробовал max-device-width: 768px но на планшете 17 дюймов не сработало, попробовал min-device-width: 768px сработало на планшете и на компьютере тоже!

    Решил так проблему:

    подключил device.min.js

    и вписал:

    if(device.windows()===false){

    $('.phonebox').css({'margin-left':'23px'});

    $('.mn').css({'margin-left':'0px'});

    $('.sendboxf').css({'width':'192px'});

  5. Здравствуйте!

    Сверстал сайт, в браузере любом смотрится нормально, но в планшете блоки из за margin-ов переносятся вниз. Прописал для планшета медиа стиль:

     

    @media (max-device-width: 1280px) {

        .phonebox{margin-left:23px}

        .mn{margin-left:0px;}

        .sendboxf{width:192px}

    }

     

     

    после этого запроса в планшете все хорошо, но а на компьютере где такое расширение как и у планшета медиа запрос тоже срабатывает, и получается что большие зазоры между блоками, но а на планшете все ок, зазоров нет!

    Может как то можно прописать только медиа запрос только для планшета? или еще как то это решить

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy