Jump to content

Schamil74

User
  • Posts

    116
  • Joined

  • Last visited

  • Days Won

    8

Everything posted by Schamil74

  1. Всем привет! Есть такая проблема. При скроллинге срабатывает анимация, но после цикла анимации отказывается работать :hover {transform: scale(1.1);} Причину я нашел, но устранить не могу))) Как я понимаю скрипт создает класс анимации, свойства этого класса перебивают :hover {transform: scale(1.1);} Более подробно здесь.
  2. Спасибо за вариант. В моем была ошибка: нужно было использовать обратные апострофы ` `
  3. Всем привет! А что не так то здесь? http://cssdeck.com/labs/l9wxq5mq
  4. То, что хотел. Большое спасибо!
  5. Schamil74

    Mask in SVG

    Вот два варианта, почему firefox и ie не видят текст?
  6. Привет! Я тоже не особый спец в блочной модели. Но это то, что мне пришло сразу в голову. Можно сделать так, но помни, что на узком экране один из блоков сайдбара на узком экране имеет абсолютное позиционирование.
  7. Всем привет! Первый раз сталкиваюсь с таким отображением в разных браузерах. Применяется bootstrap4 Далее на картинке: 1. В хроме все норм. Единственное, как сделать, чтобы линия прогресса в блке "our process" анимировалсь только один раз после перезагрузки страницу? 2. Лого в firefox и edge отображаются одинаково. Буквы D (маска) не видно. В IE11 видно верхушку. 3. Блок "our process" в edge не анимируется progress в виде контура красным цветом, а в IE11 вообще бардак. Анимируется только появление текста. 4. На iphone5 не анимируются hexы в блоке "WHAT CAN YOU RECEIVE" Проверял на виртуальной машине. На маке не тестил, нет возможности. В лого я думаю проще будет сделать все в png. А вот c остальным помогите? https://schamil74.github.io/Daisy/
  8. Да, нужно было все таки не указывать данное словосочетание))) Правильная конструкция - правильный (валидный) код. Две части кода соединить в один что-ли. Я понимаю, что могу объяснять не совсем корректно, используя не те термины.
  9. Всем привет! Уважаемые гуру JS! В примере все работает, но с JS пока на вы. Помогите собрать правильную конструкцию в JS части
  10. Смешно сейчас читать это))) В общем обошелся без наставнкиа, просто упорно учился. Теперь все норм))
  11. В хедере пусть будет два блока лого и меню, аватар включи в меню, отдельно третьим не выделяй его. На флексах удобней было бы
  12. Попробуйте фреймворк по БЭМ - https://getmdl.io/
  13. Schamil74

    Mask in SVG

    Всем привет! И опять у меня проблемы с SVG. Как сделать, чтобы у буквы D был такой же фон как у контейнера? Т.е. D прозрачная, и фон у многоугольника на месте буквы тоже. Мучаюсь здесь
  14. Schamil74

    Display none

    Вставить медиа
  15. Не бред! https://www.artlebedev.ru/web/ https://toster.ru/q/93673
  16. Победил))) https://schamil74.github.io/hexs/
  17. Касательно косореза спасибо, но вот с тенями нужно отдельной картинкой.
  18. Уважаемый, помогите с маской
  19. Спасибо, что отозвались. У меня нет концепции как это сверстать. Поэтому одной из идеи было сделать пять многоугольников. И стилизовать их как на картинке. На примере координаты линий я задавал в пикселях, может поэтому и не масштабируется. Вопрос вообще можно поставить так: Как это сверстать, в принципе?)))
  20. Всем привет! Как сверстать такую секцию(см. изображение)? Сверстать нужно так, чтобы при скроллинге (используя, например waypoints) постепенно грани заливались красным цветом от step1 до step4 (анимация). Появилась одна идея, создать многоугольник из линий в svg. Другой идеи в голову не пришло. Но такое искусство не масштабируется при адаптации. Как анимировать пока даже и не думал. Это учебный макет и экспериментальный макет.
×
×
  • 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